-
Posts
-
Hello
I am looking to round the corners of the image on a page.
I gave it custom class of careersimage
Then in quick CSS tried this:
.careersimage { border-radius: 5px; }
and then
This
.careersimage { border-radius: 5px !important; }but still no change
is it the image alb element that you use – or is an image placed inside a text-block element?
Or is that image part of a gallery/masonry-gallery etc. ?It’s an image on its own – from the layout builder (not in a text block) in a half column section on a page
Well you had to know that the custom class goes to the upper container of the image (avia-image-container )
but you like to have that on the image ( the img has that class: avia_image )#top .careersimage .avia_image { border-radius: 5px; /*** 5px is very small - but it is up to you ***/ }i hope that if the selector includes one ID ( #top) an important will not be necessary.
Hi,
I’m glad that @guenni007 could help you out. Please let us know if you should need any further help on the topic, or if we can close it.
Best regards,
Rikard
- You must be logged in to reply to this topic.