NO BUG: Image lose border values when change to a link

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Video: Short screen recording that illustrates this issue (free tools: birdeatsbug.com or jam.dev)

When you add a “link to” url for image box, any radius border amount is gone and the image becomes a square image.

2

Hi Shad,
Thanks so much for your report, and welcome to the forum!

You need to set overflow:hidden on the image, because otherwise, it overflows the radius that gets added to the a. An alternative workaround is to add this to Bricks » Settings » Custom Code » Custom CSS, so the image always inherits the parents border-radius:


img {
  border-radius: inherit;
}

/* Alternative */

a > img {
  border-radius: inherit;
}

Best regards,
timmse

1 Like
3

Wouldn’t it make sense to make this the default setting in Bricks Builder?

Best regards,
Chris

4

This could possibly lead to undesired results in existing layouts and generally the less defaults the better :slight_smile:

1 Like