Define Radius For Image Overlay
S
Seppe
Good morning
For my team, I used a "person" element. Everything is defined and the image has a radius of 100.
However, when I want to define the "overlay", it keeps the rectangle shape. Is it possible to give the overlay the same radius as the image?
Visually, it looks like a disaster now, having a rectangle overlay on a rounded image.
6 Answers
Order by
Oldest
Paul Frankowski
Accepted AnswerAs alternative Custom CSS you can use that:
.sppb-addon-person .sppb-person-image {border-radius: 100px;}
Use it inside Page Settings > Page CSS > Custom CSS
Mehtaz Afsana Borsha
Accepted AnswerHi
Thanks for contacting us. Could you please give me your site URL and also a screenshot of your issue? I need to check is it possible or not.
-Regards.
Mehtaz Afsana Borsha
Accepted AnswerHi
Use this CSS in your custom.css file
.sppb-addon .person-content-show-on-hover {
border-radius: 100px !important;
}