Archived topic
A little help with CSS for product images in Niche
1 reply · Started by Marcel on May 2, 2022
Viewing posts 1–2 of 2
Hello,
Please help me in adding a border radius for images on single product page (Niche theme, website in the private information area). As you can see in the video recording, I was able to add a border and border-radius using this code:
img {
border-radius: 15px;
border: 2px solid #3D475B;
}but it is not correct, because the CSS effect applies to all images on the website.
I would like to apply this CSS only for product images (and the effect to apply when hovering the image as well).
Thank you.
Hi there,
you can try this - it will apply to only images inside the main content of the single post:
.single-product .site-content img:hover {
border-radius: 15px;
border: 2px solid #3D475B;
}
This archived topic is closed to new replies.
