スタイルシートでクラス指定 子テーマに反映したい

Simplicityの特徴 フォーラム Simplicity2に関する話題何でも スタイルシートでクラス指定 子テーマに反映したい

  • このトピックには3件の返信、1人の参加者があり、最後にかうたっくにより8年、 8ヶ月前に更新されました。
3件の返信スレッドを表示中
  • 投稿者
    投稿
    • #58452
      マグ
      ゲスト

      お世話になっています。
      <span class=”black”>というクラスを指定してみました。

      extension.cssに以下を追記しました。

      .black{
      color:#000000;
      font-size: 11px !important;

      extension.cssは親テーマのフォルダに格納されています。
      バージョンアップした場合に、上書きされて、クラス指定が消えてしまうと思います。
      そうならないようにする方法はありますか?
      ご教授お願い致します。

    • #58453
      かうたっく
      ゲスト

      外観より『テーマの編集』を開いたとこにある
      Simplicity2 child: スタイルシート (style.css)

      子テーマ内のstyle.cssに自分で作った新しいスタイルを書いたり、

      親テーマのextension.css・style.cssなどで指定されたスタイルを、子テーマCSSで上書きして装飾したり…。

      そうすれば親テーマのバージョンアップに影響されることがないのですよ。

      .black{
      {から}間に: スタイルを書く;
      }
      /*閉じカッコ}の下からまた追記可能*/

      .hoge {
      	font-size: 15px;
      }
    • #58462
      マグ
      ゲスト

      ありがとうございます。
      子テーマ内のstyle.cssに直接書き込んでも反映されなかったんですよね。

      .black{
      color:#000000;
      font-size: 11px !important;

      上記のコードを子テーマのstyle.cssの最下部に追加しました。
      それでもダメだったので質問させて頂きました。
      キャッシュもクリアしてもダメでした。
      ちょっと色々と試してみますね。

    • #58464
      かうたっく
      ゲスト

      それでもダメだったので質問させて頂きました。
      キャッシュもクリアしてもダメでした。

      上で引用部分にCSSの書きかた例を置いたのは、『CSSの最後の閉じカッコ}がないから』、コードと簡単な説明をおきました。※コピペミスかも知れないと思ったので。

      ・閉じカッコがないから反映していない可能性
      ・どの範囲のキャッシュを削除したのかが不明

      この辺りをチェックしてみるのが良いと思います。CSSが反映されない原因はたくさんあるので難しいですね。

      よく分からない場合、CSSが反映されない原因 閉じカッコ や、CSSの書きかた などで調べるとより分かりやすいかも知れません。

      あとは、初めての方は必ずお読みくださいに書いてある事をチェックしてみるなど。

      それでも不明でしたら、

      ※テーマカスタマイズに関する質問は、カスタマイズ対象ページのURLと対象部分の詳細を書き込んでください。

3件の返信スレッドを表示中
  • このトピックに返信するにはログインが必要です。
スポンサーリンク
アドセンス(大)
アドセンス(大)