『サムネイル大』のレイアウトでHTML内に自動生成されるCSSの変更方法

Simplicityの特徴 › フォーラム › テーマファイルのカスタマイズに関する質問など › 『サムネイル大』のレイアウトでHTML内に自動生成されるCSSの変更方法

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

      お世話になります。

      『サムネイル大』のdiv.entry-card-content h2の文字サイズを小さく、色を薄くしたいのですが、
      文字サイズを指定するCSSがHTML内にあるようです。
      これを変更するにはどうしたらよいのでしょうか?

    • #31085
      Hidekichi
      ゲスト

      jqueryで上書きすればよいのではないかと思います。子テーマjavascript.jsに追記します。

      (function($){
        $(function(){
          $(".entry-card-content h2").css({
            "font-size": 12 + "px",
            color: "rgba(100,100,100,.8)"
          });
        });
      })(jQuery);

      等。あるいは、

      (function($){
        $(function(){
          $("head")
            .append("<style>.entry-card-content h2{ font-size:12px; color: rgba(100,100,100,.8); }</style>")
        });
      })(jQuery);

      これもイケるかも知れません。

      headタグに書き出しているphpがわかれば、そのファイルを修正することも可能ですが、面倒なのでjQueryでサックリやった方が良いかと思います。上記の値を変えてコピペですから簡単です。
      投稿してしばらくは(わいひらさんの修正が入るまでは)、文字化けみたいになっているかと思いますが、それは仕様です。キチンと表示されるまでしばし待っていただくか、エンティティされた部分を自身で修正されれば利用可能です。

    • #31126
      アバター画像わいひら
      キーマスター

      スタイルがインラインで書かれていないのであれば、優先順位の高いCSSセレクタを書くことでも解決出来るかと思います。
      CSS3 – CSSセレクタの優先順位の計算方法 – Qiita

      より優先度を高める!importantルールを使うとかでもいけるかと思います。

    • #31485
      わかもれ
      ゲスト

      >Hidekichiさん、

      ありがとうございます!じつは、まだHTMLの勉強を始めて1ヶ月ちょっとしか経ってないので、javascriptで上書きするというアイディアはすごくべんきょうになりました!早速、応用して、他の部分も変更してみました!

      >わいひらさん
      !importantルールというものあるのですね。
      詳細度みたいなことはきいたことがあるのですが、色々と編集方法があっておもしろいですね。
      ありがとうございます。

3件の返信スレッドを表示中
  • トピック「『サムネイル大』のレイアウトでHTML内に自動生成されるCSSの変更方法」には新しい返信をつけることはできません。
スポンサーリンク
アドセンス(大)
アドセンス(大)