So I’d have a 20px border-radius on an image in a query loop block. It would work.
I’d then realize I want the image linked to the post url.
Once changing “link to” on the image the border goes away.
Likely due to A being applied.
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 tool: jam.dev)
[Please describe this bug in as much detail as possible so we can replicate & debug this bug]
Thank you. I already put manual css in for now.
But this is in tickets 2 yrs old. Bricks is a builder and little details like this should be fixed.
On my work site I have hundreds of lines of css that I put in.
I bought this to input as little css as possible.
Hi Ryan,
If you look at where the border-radius ends up (on the a, instead of the img) you will understand why the overflow: hidden is necessary (for which you don’t need a single line of custom CSS, by the way).
Nevertheless, we have changed the behavior in Bricks 1.9.7 to add the border-radius directly to the img instead of the a. However, this obviously leads to problems with figure tags, so it is currently uncertain whether this change will last: WAIT: IMG and FIGURE - new "border-radius: inherit" since 1.9.7?
Sorry if I’ve been a brat on this. Thanks to both of you for your patience.
Just drives me nuts getting stuck on little things. Wrapping my head around how a your query loops work i accept a learning curve but simple visuals requiring more than a step or two makes me batty.
So I would go to style/layout/misc/overflow and type hidden? (prior to 1.9.7)
I had done this in CSS years ago for the same purpose when using essential grid but certain things I get cloudy after years of not needing to do it.
Oddly, I didn’t see any update for bricks in my wordpresses until I logged in to mention this.
