woocommerceで、postのh2タグ、h3タグを装飾したい

  • 解決済 mrsmith11

    (@mrsmith11)


    2年、 11ヶ月前

    woocommerceで、post typeのh2タグ、h3タグのみを装飾したいです。

    そのまま、カスタムCSSの部分に、

    h2{}

    と書いても、テーマのすべてのh2タグ（ウィジェットなど）も装飾されてしまうので、[not]を使って省いたのですが、どうしても、classがついていないh2タグなどがあり、困っています。

    どうにか、post type（article：記事）のh2タグ、h3タグのみを装飾したいのですが、なにかいい方法はございませんでしょうか？

    それでは以上よろしくお願いいたします。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • ishitaka

    (@ishitaka)

    2年、 11ヶ月前

    こんにちは

    woocommerceで、post typeのh2タグ、h3タグのみを装飾したいです。

    woocommerce は商品、post type は投稿、つまり商品投稿ということでしょうか？商品投稿であれば product や type-product でできませんか？

    例:
    .type-product h2 {}

    トピック投稿者 mrsmith11

    (@mrsmith11)

    2年、 11ヶ月前

    ありがとうございます。

    商品投稿でなく、普通のブログ投稿（記事）です。

    なにか方法はございますでしょうか？

    ishitaka

    (@ishitaka)

    2年、 11ヶ月前

    .type-post h2 {}

    ではどうでしょうか。

    トピック投稿者 mrsmith11

    (@mrsmith11)

    2年、 11ヶ月前

    ありがとうございます。解決できました。

    しかし、その

    .type-post

    や、

    .type-product

    というのは、どこに手がかりがあったのでしょうか？

    developer toolで確認しても、そのような記述がないので、今後のためにお教えいただけませんでしょうか。

    よろしくお願いいたします。

    ishitaka

    (@ishitaka)

    2年、 11ヶ月前

    CSS が反映されたので存在するはずです。
    ページのソースを開い（Chrome の場合 [Ctrl]+[U]）て、検索（[Ctrl]+[F]）してみてはどうでしょうか。

    • この返信は2年、 11ヶ月前にishitakaが編集しました。
    トピック投稿者 mrsmith11

    (@mrsmith11)

    2年、 11ヶ月前

    ありがとうございます。

    id articleの中のclassにたしかにtype-postがございました。

    ということは、これは、

    article.h2{}

    でも同様の結果になるということでしょうか？

    お願いいたします。

    ishitaka

    (@ishitaka)

    2年、 11ヶ月前

    分かりません。テーマ独自のものだと思います。

    トピック投稿者 mrsmith11

    (@mrsmith11)

    2年、 10ヶ月前

    ありがとうございます。
    解決しました。

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • トピック「woocommerceで、postのh2タグ、h3タグを装飾したい」には新たに返信することはできません。