サポート » 使い方全般 » woocommerceで、postのh2タグ、h3タグを装飾したい

  • 解決済 mrsmith11

    (@mrsmith11)


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

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

    h2{}

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

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

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

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

    (@ishitaka)

    こんにちは

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

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

    例:
    .type-product h2 {}

    スレッド開始 mrsmith11

    (@mrsmith11)

    ありがとうございます。

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

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

    ishitaka

    (@ishitaka)

    .type-post h2 {}

    ではどうでしょうか。

    スレッド開始 mrsmith11

    (@mrsmith11)

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

    しかし、その

    .type-post

    や、

    .type-product

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

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

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

    ishitaka

    (@ishitaka)

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

    • この返信は2ヶ月前にishitakaが編集しました。
    スレッド開始 mrsmith11

    (@mrsmith11)

    ありがとうございます。

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

    ということは、これは、

    article.h2{}

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

    お願いいたします。

    ishitaka

    (@ishitaka)

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

    スレッド開始 mrsmith11

    (@mrsmith11)

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

8件の返信を表示中 - 1 - 8件目 (全8件中)
  • このトピックに返信するにはログインが必要です。