/ 最終更新日 : 2020年11月24日 suzukiakiyo [ 解決済 ] トップページスライドショーのボタンについて VWSとは › フォーラム › VK Blocks・Pro › [ 解決済 ] トップページスライドショーのボタンについて [ 解決済 ] トップページスライドショーのボタンについて このトピックには7件の返信、3人の参加者があり、最後にsuzukiakiyoにより4年前に更新されました。 8件の投稿を表示中 - 1 - 8件目 (全8件中) 投稿者 投稿 2020年11月24日 7:43 PM #44909 suzukiakiyo参加者 ■ 利用テーマとバージョン : lightningpro 8.1.0 ■ 質問内容: トップページスライドショーのボタンのcssで、現在は添付画像のとおり、透明のボタンにカーソルが重なると赤いボタンになる設定になっています。 これを最初から赤いボタンに白文字のデザインに変更するにはどのように追加cssを書けばいいですか? Attachments:You must be logged in to view attached files. 2020年11月24日 9:13 PM #44914 ベストアンサー うなこモデレーター 以下の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; } 2020年11月24日 9:25 PM #44915 suzukiakiyo参加者 ありがとうございます。 思い通りのボタンになりました。 教えていただいたcssのclassは検証で見れば確認できますか? うまく見つけられず、いつも質問してしまっているので申し訳なく思っています・・・ 2020年11月25日 10:42 AM #44927 うなこモデレーター 教えていただいたcssのclassは検証で見れば確認できますか? はい、検証ツールで確認できます。 例えばご利用のブラウザがGoogle Chromeでしたら「Google Chrome 検証 使い方」などで検索していただくと使い方がでてきますので、ぜひためしてみてください! 2020年11月25日 11:48 AM #44931 suzukiakiyo参加者 ありがとうございます。 調べてみます。 今回も的確なアドバイスありがとうございました。 2020年11月25日 3:42 PM #44940 suzukiakiyo参加者 恐れ入ります。 cssでもう1点確認したいことがあります。 質問させていただいたこちらのボタン、位置中央で設定しています。 cssでmargin-bottom:-480pxのあたりにボタンを配置するとプレビューではいい感じに配置されています。 しかしモバイル版でみるとボタンが見えなくなっています。どのように設定したらよいのでしょうか? 2020年11月25日 4:03 PM #44941 Vektor,Incキーマスター こちらは別の質問になりますので、別で投稿していただけますと幸いです。 (どこまで解決済みかわからなくなったり、他の人が検索するときにも探しにくくなるため。) よろしくお願いいたします。 2020年11月25日 4:09 PM #44943 suzukiakiyo参加者 申し訳ございません。 新たに質問させていただきました。 よろしくお願いします。 投稿者 投稿 8件の投稿を表示中 - 1 - 8件目 (全8件中) このトピックに返信するにはログインが必要です。 ログイン ユーザー名: パスワード: ログイン状態を保持 ログイン