Hi
On the ‘Flatware/Cutlery’ Category ‘Shop Page’ of my Wordpress Site, I have added Product Category slider with round circles.
Can someone pls share a custom css code to show a thin, round border ( #f9f9f9 ) on the product category image ?
Some of the prd category images have a white b/g which is clashing with the white b/g of the slider.
Fyi, the prd category slider is developed with Elementor page builder.
I have shared the page url link below in order to inspect the browser console.
Site Page URL
Thanks in advance.
This seems to work. I did try your #f9f9f9, but it was too light to see it.
.nasa-cat-link .nasa-cat-thumb {
border: 1px solid lightgrey;
}
edit: In your existing styles you have this rule adding a round border.
.items-r50 .nasa-cat-link .nasa-cat-thumb {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
Personally I would want to try removing that rule adding the border radius to the more general rule I wrote above instead e.g.
/* one rule for both */
.nasa-cat-link .nasa-cat-thumb {
border: 1px solid lightgrey;
border-radius: 50%;
}
1 Like
Hi
The existing style code below can’t be edited since it’s part of the template file of the theme.
.items-r50 .nasa-cat-link .nasa-cat-thumb {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
}
However, I’ve added the custom code css below under Theme options & it’s fixed the issue.
.nasa-cat-link .nasa-cat-thumb {
border: 1px solid lightgrey;
}
Thanks ! 
1 Like
