BusinessPressの追加CSSについて

  • 解決済 tomonpy2011

    (@tomonpy2011)


    3年、 11ヶ月前

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

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

    }

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

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • moyo55

    (@moyo55)

    3年、 11ヶ月前

    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)

    3年、 10ヶ月前

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

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「BusinessPressの追加CSSについて」には新たに返信することはできません。