サポート » テーマ » 続)twentytwelve ボタンのカスタマイズ方法

  • 解決済 2car

    (@2car)


    twentytwelve 1.7を使ってボタンのカスタマイズをしようとしています。

    前回教えて頂いたボタン背景色変更の修正後、もう1つ新たな問題が起こりました。

    それはトグルボタンを一度押した後、再び押して戻した時にボタンの色がまたグレー(カスタマイズ前)の色に戻ってしまいます。

    現在のコードです。

    .menu-toggle {
    background-image: none;
    background-color: #360dc1;
    color: yellow;
    width: 100%;
    }

    .menu-toggle:hover {
    color: red;
    background-image: none;
    background-color: #6a3beb;
    }
    .menu-toggle:active,
    .menu-toggle.toggled-on {
    color: #777;
    background-image: none;
    background-color: #000;
    box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
    border: none;
    }

    解決策が思い当たらずまた行き詰ってしまいました。ご教授願います。

    前回内容は以下————————————-

    twentytwelve 1.7を使っています。

    レスポンシブの時に出てくるボタンメニューをカスタマイズしようとしているのですが、ボタンの色が変えられずに困っています。

    子テーマのstyle.cssには次のように書いています。

    @import url(“../twentytwelve/style.css”);

    .menu-toggle {
    background-color: #360dc1;
    color: yellow;
    width: 100%;
    }

    .menu-toggle:hover {
    color: red;
    background-color: #6a3beb;
    }

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • 詳細度を上げましょう

    スレッド開始 2car

    (@2car)

    nobitaさん、返信有難うございます。

    .main-navigation > .menu-toggle {
    background-image: none;
    background-color: #360dc1;
    color: yellow;
    width: 100%;
    }

    として、改善できました。有難うございました。

2件の返信を表示中 - 1 - 2件目 (全2件中)
  • トピック「続)twentytwelve ボタンのカスタマイズ方法」には新たに返信することはできません。