-
Hi
GB Prop and GP premium
I want to make a square image round. Using GB image block, radius set to 100% all corners, thumbnail size.
Backend shows it as a circle, frontend is unchanged?
No cache plugin as staging site at the moment –
Thanks
Sean -
David
Hi there,
the images on your site are being converted to
<picture>
elements, presumably for webP conversion, and the plugin doing that is messing with where the classes are added to the HTML. So the styles don’t apply.Try this:
1, create a new global style and call it eg.
picture-round
https://docs.generateblocks.com/article/creating-a-global-style/
2. choose a blank style to begin
3. set the border radius to 100%
4. using the MORE tab create ADd a NEW SELECTOR
https://docs.generateblocks.com/article/style-selectors/#more-selectors
In the SELECTOR field add:
img
You should now see the global style selector is
.picture-round img
5. Set its border radius to 100%
This “should” apply border radius to the image block one way or the other.
-
Perfect, all fixed
Many thanks -
David
Glad to hear that
- You must be logged in to reply to this topic.