Vektor WordPress Solution
VWSとは › フォーラム › VK Blocks・Pro › [ 解決済 ] トップページスライドショーのボタンについて
■ 利用テーマとバージョン : lightningpro 8.1.0
■ 質問内容:
トップページスライドショーのボタンのcssで、現在は添付画像のとおり、透明のボタンにカーソルが重なると赤いボタンになる設定になっています。 これを最初から赤いボタンに白文字のデザインに変更するにはどのように追加cssを書けばいいですか?
以下のCSSでいかがでしょうか ※色はお好きなカラーに変更してください。
/* スライドショーのボタン色 */ .slide-text-set .container .btn{ color:#fff; background-color:#dd3333; border-color:#dd3333; } /* スライドショーのボタンホバー色 */ .slide-text-set .container .btn:hover{ color:#fff; background-color:#e90000; border-color:#e90000; }
ありがとうございます。 思い通りのボタンになりました。
教えていただいたcssのclassは検証で見れば確認できますか? うまく見つけられず、いつも質問してしまっているので申し訳なく思っています・・・
教えていただいたcssのclassは検証で見れば確認できますか?
はい、検証ツールで確認できます。
例えばご利用のブラウザがGoogle Chromeでしたら「Google Chrome 検証 使い方」などで検索していただくと使い方がでてきますので、ぜひためしてみてください!
ありがとうございます。 調べてみます。
今回も的確なアドバイスありがとうございました。
恐れ入ります。 cssでもう1点確認したいことがあります。
質問させていただいたこちらのボタン、位置中央で設定しています。
cssでmargin-bottom:-480pxのあたりにボタンを配置するとプレビューではいい感じに配置されています。 しかしモバイル版でみるとボタンが見えなくなっています。どのように設定したらよいのでしょうか?
こちらは別の質問になりますので、別で投稿していただけますと幸いです。 (どこまで解決済みかわからなくなったり、他の人が検索するときにも探しにくくなるため。) よろしくお願いいたします。
申し訳ございません。
新たに質問させていただきました。 よろしくお願いします。