Topic: Rounded Corners Image

SebastianGP
September 27, 2024 at 11:13 pm

Hi, I have added a large image to the top of my home page (directly after the title of the page, the first big image), and have displayed round corners here. The round corners are displayed in the backend, but not on the website when I call it up. What could be the reason for this?
SebastianGP
September 27, 2024 at 11:15 pm

Ok, I have just realised that the rounded corners are not displayed in the other images either.
Leo
September 28, 2024 at 10:04 am

Hi there,

Can you clear and disable LiteSpeed cache first?
https://www.screencast.com/t/YQj9PPkjYLI
Anders
September 28, 2024 at 10:33 am

I experience the same issue… only on some images, for a strange reason.
SebastianGP
September 28, 2024 at 10:42 am

I already did. Problem is still there. I had this problem on another site. One of your collegues found the solution…but I can’t remember…think some CSS.
Ying
September 28, 2024 at 11:02 am

The issue is that you are using picture tag for the image, GB’s style does not support this tag.

If you stop using picture in your image-optimizing plugin, then the issue should be fixed.
SebastianGP
September 28, 2024 at 10:14 pm

Thanks, but there must be a CSS to fix the problem. I have the same setup for all the pages I build. And we have solved it in the past with custom CSS. Can you help me with this?

On another site (see comments) it worked fine, although I also use the picture tag there.

Alvind

September 29, 2024 at 5:55 pm

Hi there,

Try adding this CSS:

picture {
    display: block;
    overflow: hidden;
    line-height: 0;
}

Viewing 8 posts - 1 through 8 (of 8 total)

Rounded Corners Image