Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • May 5, 2024 at 2:03 pm #1442344
    peterolle

    I see that the related products in the product page are using this:

    
<div id="av_section_1" class="avia-section alternate_color avia-section-small  container_wrap fullsize">

    As it is the same for all of them in the site, how can I target just the related products in the product page?

    Thanks.

    May 5, 2024 at 4:24 pm #1442355
    Mike

    Hey peterolle,
    single product pages contain the body class single-product so you could use

    .single-product #av_section_1 {
	border: red solid 2px;
}

    for the whole section
    Enfold Support 5708
    but if you only want the style the related products items, it contains the classes related products so you could use

    .single-product .related.products .product {
	    border: red solid 2px;
}

    Enfold Support 5710

    Best regards,
    Mike

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.