VWSとは フォーラム VK Blocks・Pro [ 解決済 ] トップページスライドショーのボタンについて

[ 解決済 ] トップページスライドショーのボタンについて

  • このトピックには7件の返信、3人の参加者があり、最後にsuzukiakiyoにより2ヶ月前に更新されました。
8件の投稿を表示中 - 1 - 8件目 (全8件中)
  • 投稿者
    投稿
  • #44909

    suzukiakiyo
    参加者

    ■ 利用テーマとバージョン :
    lightningpro 8.1.0

    ■ 質問内容:

    トップページスライドショーのボタンのcssで、現在は添付画像のとおり、透明のボタンにカーソルが重なると赤いボタンになる設定になっています。
    これを最初から赤いボタンに白文字のデザインに変更するにはどのように追加cssを書けばいいですか?

    Attachments:
    You must be logged in to view attached files.
    #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;
    }
    #44915

    suzukiakiyo
    参加者

    ありがとうございます。
    思い通りのボタンになりました。

    教えていただいたcssのclassは検証で見れば確認できますか?
    うまく見つけられず、いつも質問してしまっているので申し訳なく思っています・・・

    #44927

    うなこ
    モデレーター

    教えていただいたcssのclassは検証で見れば確認できますか?

    はい、検証ツールで確認できます。

    例えばご利用のブラウザがGoogle Chromeでしたら「Google Chrome 検証 使い方」などで検索していただくと使い方がでてきますので、ぜひためしてみてください!

    #44931

    suzukiakiyo
    参加者

    ありがとうございます。
    調べてみます。

    今回も的確なアドバイスありがとうございました。

    #44940

    suzukiakiyo
    参加者

    恐れ入ります。
    cssでもう1点確認したいことがあります。

    質問させていただいたこちらのボタン、位置中央で設定しています。

    cssでmargin-bottom:-480pxのあたりにボタンを配置するとプレビューではいい感じに配置されています。
    しかしモバイル版でみるとボタンが見えなくなっています。どのように設定したらよいのでしょうか?

    #44941

    Vektor,Inc
    キーマスター

    こちらは別の質問になりますので、別で投稿していただけますと幸いです。
    (どこまで解決済みかわからなくなったり、他の人が検索するときにも探しにくくなるため。)
    よろしくお願いいたします。

    #44943

    suzukiakiyo
    参加者

    申し訳ございません。

    新たに質問させていただきました。
    よろしくお願いします。

8件の投稿を表示中 - 1 - 8件目 (全8件中)
  • このトピックに返信するにはログインが必要です。