DigiPress

Highly Flexible WordPress Theme

ボタンのCSS設定について

ホーム フォーラム デザイン関連 ボタンのCSS設定について

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

    いつもお世話になっております。

    https://shuchaku.sayonara-monster.com/

    使用テーマ:
    Luminous by DigiPressバージョン: 1.1.8.2

    サイト下部の「レビューを投稿する」のテキストのカラーが、最初から「#1ec3ce」になっていました(添付画像1枚目)。

    そこで、サイトのカラー(#22a02a)と同じにしたくて、「レビューを投稿する」のテキストのカラーも「#22a02a」に変更したいと思い、下記のように設定しました。

    a.btn-primary.btn, button.btn-primary.btn, input.btn-primary.btn {
    color: #22a02a !important;
    }

    上記のようにオリジナルスタイルシート設定部分に設定すると「#22a02a」のカラーでテキストが表示されるのですが、今度は、ボタンにマウスをあてたときのテキストカラーも「#22a02a」になるため、ボタンの背景色(#22a02a)と同じなので「レビューを投稿する」のテキストが見えなってしまいます(添付画像2枚目)。

    ボタンにマウスをあてた時のボタンカラーは「#22a02a」で、テキストカラーが「#ffffff」になるようにするにはどうすればよいか教えていただきたいです。

    (https://shuchaku.sayonara-monster.com/)の「今すぐ購入する(執着を手放す)」のボタンと同じカラーで「レビューを投稿する」部分も設定したいと思っています。色々やってみたのですがどうしても設定出来ませんでした。

    添付ファイル:
    添付ファイルを開くにはログインしてください。
    #398599
    DigiPress サポート
    キーマスター

    マウスオーバー時は指定している各セレクタの最後に :hover キーワードを付けてください。

    #398643
    taka832
    参加者

    ありがとうございました!
    お陰様で解決出来ました。

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