NO BUG: Image caption overrides the border settings (radius settings)

Bugs
1

Browser: Chrome 110
Image caption overrides the border-radius settings still not fixed in Bricks 1.7.3.

2

Hi @g97iulio,

I tried to replicated the same at my end but it worked perfectly fine.

Here’s a screenshot for your reference: Jam

Are you sure you’re using the latest version?

If yes, do you think there might be any custom CSS or code causing this?

3

The problem is with border radius

4

I added a border radius and it applied fine properly as well: Jam

5

To replicate the problem, make sure that the image has a border radius applied directly to it. Additionally, try setting a custom caption using the post title and linking it to the post title. Ensure that the caption is displayed appropriately and that the link redirects to the corresponding post title.

6

Hi Giulio,
As soon as the image gets a caption, everything is wrapped in a figure tag. The border radius is then no longer applied to the image, but to the figure tag. Because the figcaption is positioned absolutely, it will always ignore the border-radius of the wrapper.

The solution is simple: add overflow: hidden.

Best regards,
timmse