ShowHide shortcode

[ROBIN]

I have used this  ShowHide feature for years and I love it, but I have a problem.

When you go to this page https://bellaann.com/explore-bad-bella/ you can see that the + is way higher than the word awaken.

The + won’t line up.  I used inspect and know this is the code that is the problem:

.container img, .colophon img {
padding: 20px;
}

If I don’t use the above css, the pictures below the product picture on this page:   https://bellaann.com/product/shower-spray/

all group together and it looks awful.

Do you have any suggestions?

Thank you in advance for any help you may be able to provide.

[scrambler]

Specialize the rule so it only applies to the woocommerce images in the container

.container .woocommerce-product-gallery img, .colophon img {
padding: 20px;
}

[Author]

Posts