サポート » テーマ » BusinessPressの追加CSSについて

  • 解決済 tomonpy2011

    (@tomonpy2011)


    BusinessPressというテーマを使用しています。
    外観のカスタマイズ画面の追加CSSからヘッダーイメージ上のボタンのデザイン変更をしたく、下記のように記述いたしました。
    フォントサイズ以外のデザイン変更(ボタンの背景色、枠線の太さ、フォントカラー変更、角丸のサイズ調整) の記述を加えても反映されないのですが、どうしたらよいでしょうか?
    ご教示いただけますと幸いです。

    .home-header-button-main{
    font-size: 1.5em;

    }

    .home-header-button-sub{
    font-size: 1.5em;
    }

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • cssセレクタには優先順位があります。
    例えばclass=”xxx”のリンクの場合、クラスのみの.xxx{} よりも 要素&クラスであるa.xxx{}の設定が優先されます。

    BusinessPressのヘッダーボタンデザインはそれぞれ要素&クラスで指定されています。

    a.home-header-button-main {}
    a.home-header-button-main:hover {}
    a.home-header-button-sub {}
    a.home-header-button-sub:hover {}

    そのため、

    a.home-header-button-main {
    	background-color: #123456;
    	border-radius:10px;
    }

    のように記述しないと設定が反映されません。

    tomonpy2011

    (@tomonpy2011)

    ご丁寧に説明いただきありがとうございます。大変助かりました。

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