Archived topic

Image block and effects are not appearing at frontend

4 replies · Started by Juned on June 21, 2022

Viewing posts 1–5 of 5

June 21, 2022 at 4:43 am #2259944

Hi,

I have installed new GB beta plugins (free Version 1.5.0-rc.3 and pro Version 1.2.0-rc.1) at my site and I have edited first 06 images of this home page with GB Image Block. But the image effects like borders and radius are not appearing at frontend.

I checked the issue by disabling Perfmatters, tried clearing CDN cache also, but still not able to see the effects.

Kindly help.

June 21, 2022 at 5:13 am #2259965

Hi there,

you're using an image optimizer that is converting the <img> to a <picture> and in the process is moving the GB Claasses to the picture element which is breaking the GB CSS.

What plugin are you using to convert the images ?

EDIT: Try adding this CSS:

picture.gb-image {
    display: block;
}

June 21, 2022 at 5:15 am #2259968

I am having Imagify.

June 21, 2022 at 5:23 am #2259969

Awesome. The CSS worked.

Thank you.

June 21, 2022 at 5:38 am #2259981

Glad to hear that!

This archived topic is closed to new replies.

Start building better websites today.