Hello there!
I’m currently using Dawn 12.0.0 theme for my website and need some CSS for the Featured Product section to reduce the size of the image or even make it not visible in this section at all (only on one page, because I don’t want it to affect the photo from the same section on another page).
It would be better just to reduce the size:
Will be very grateful for your help!
Hi @DRAWandCARE ,
You can using :has() CSS pseudo-class but itself is not supported in the browser Firefox
main:has(form#cart) .featured-product .media>img {
width: 50%!important;
height: 50%!important;
}
And add properties width and height in the selecter .product__media-toggle::after at line 676 in file section-main-product.css
width: 50%;
height: 50%;
It like this:
**I hope it helps @DRAWandCARE **
