gray bar in photo box

Willemlex · November 2022

I'm using photo boxes with hover effect on this page

When hovering a gray bar appears below the photo, whereas in the demo it just zooms in on the photo without showing the bar

How can I fix this?

Phil · November 2022

Hi,

Please, put the following CSS code in Betheme -> Theme options -> Custom CSS & JS -> CSS.

.image_frame .image_wrapper .mask::after{
   background: transparent!important;
}

Thanks

Willemlex · November 2022

Thanks but this is not what I mean. In the demo the images are only zooming, not lifting

Willemlex · November 2022

Is it also possible to eliminate the hover effect completely?

Phil · November 2022

In that demo, images are lifting.

If you want to have a zoom effect, you can use the Icon Box element.

If you do not want a hover effect, you can use a regular Image element.

Also, you can disable it in Betheme -> Theme options -> Global -> Image frame.

Best regards

Comments