Define Radius For Image Overlay - Question | JoomShaper
Back to the questions

Define Radius For Image Overlay

S

Seppe

SP Page Builder 2 days ago

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.

0
4 Answers
Order by
Oldest Newest Votes
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 days ago #167076

Hi

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.

0
S
Seppe
Accepted Answer
5 hours ago #167388

Good morning Thnx for the reply Please see details below

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 hours ago #167399

Hi

Use this CSS in your custom.css file

.sppb-addon .person-content-show-on-hover {
    border-radius: 100px !important;
}
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 hour ago #167411

As 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

0