NO BUG: Dynamic url modify border radius and prevent image from being round

Bricks Version: 1.6.2
Browser: Chrome 90
OS: macOS / Windows / Linux / etc.
URL: (i cannot give you a link just check it from your side it should repeat the problem)

In order to replicate the problem in your side here’s what you have to do :
Make a header like i did
2- put an image and set it up with dynamic data as : profile picture of user
3- configure it’s border-radius about 100% on each side so that it become round
4- put the option : Other-url then external Url
before even putting external url, when you just set it up on : other url you should already see a changement on your image, it will erase the border-radius effect !

I don’t think it’s normal as a behaviour, a link and a css has nothing to do

Hi,
Welcome to the forum, and thanks so much for your report!

In case of using a border-radius alongside with a link or any other wrapper, you need to add “overflow: hidden” to the image. Otherwise, it will overflow. That’s because the border-radius gets applied to the wrapper and not to the image anymore, because otherwise your link would still be square and not round.

Please take a look at these “no bug” reports (there are some more about the same topic):

Best regards,
timmse

1 Like