サポート » テーマ » TinyMCE Advanced のスタイルボックスに登録したスタイルを見出しに適用

  • テーマ Twenty Twelve
    エディタ TinyMCE Advanced

    TinyMCE Advancedのスタイルボックスに、見出し用のスタイルを登録しました。

    cssを理解していれば当然の事かもしれないのですが、質問させてください。

    記事中に良く使う見出し2(.entry-content h2)を装飾したく、style.cssに次のコードを追加しました。
    .entry-content h2{
    margin: 0 0 10px 0;
    padding: 2px 8px;
    border-width: 0 0 5px 0;
    border-color: #E184A5;
    border-style: solid;
    background: #F0ACC0;
    color: #D75B87;
    line-height: 140%;
    font-weight: bold;
    }

    そして、時々、見出し2の装飾を変えたい時、前述のTinyMCE Advancedスタイルボックスで装飾したいのですが、テーマTwenty Twelveのスタイルシートで設定した装飾と重複してしまいます。

    これを重複しないようにする方法はないでしょうか?

    毎回クラス属性(スタイルボックス)でするのは効率が悪いので何とかしたいです。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • こんにちは、
    TinyMCE Advanced使っていないのですが、

    テーマに、editor-style.css

    というファイルがあると思いますので、その最後に以下を追加してください

    h2{
        margin: 0 0 10px 0;
        padding: 2px 8px;
        border-width: 0 0 5px 0;
        border-color: #E184A5;
        border-style: solid;
        background: #F0ACC0;
        color: #D75B87;
        line-height: 140%;
        font-weight: bold;
    }

    h2を書けば、反映すると思います。

1件の返信を表示中 - 1 - 1件目 (全1件中)
  • トピック「TinyMCE Advanced のスタイルボックスに登録したスタイルを見出しに適用」には新たに返信することはできません。