Blog Post Feature Images – Remove Lightbox effect

[GarethDuncan]

Good day!

I want to remove the lightbox activity on the blogpost feature images when you hover over them.

I’ve used this code: .image-info {display:none!important}

But my feature image still transforms… the above code only removed the blue colour and white text.

I want it to be standstill and link to the blog.

Can you help?

[Veena]

Pls use the below custom CSS in themeoptions –

.post.type-post .image-area:hover .image-info {
    opacity: 0 !important;
}
.post.type-post .image-area:hover .thumbnail {
    transform: none !important;
}

[GarethDuncan]

Hi. Just added it. Still not resolved.

Can I give you logins to check?

Please let me know.

[Veena]

Yes please share a temp login as a private msg .

[GarethDuncan]

This reply has been marked as private.

[GarethDuncan]

Hi. I sent a private message. Still no reply? Or update?

[Veena]

I don’t see any issue . Is this issue resolved ?

[GarethDuncan]

Not resolved. On desktop device, if you hover the mouse over blogs feature images on home page and blogs page, the feature image lifts up with white screen effect.

I want the feature image to be static and click through to blog. I don’t want it to transform.

I’ve tried various codes, but it doesn’t help.

[Veena]

This reply has been marked as private.

[GarethDuncan]

It is fixed now. Thanks for your effort and help.

Great theme.

[GarethDuncan]

Oh wait… I see what the issue is… Still transforms on Mac’s Safari browser. Fine on other browsers.

[Veena]

Pls modify the below custom CSS from –

.post.type-post .image-area:hover .thumbnail {
    transform: none !important;
}

to

.post.type-post .image-area:hover .thumbnail {
    transform: none !important;
    -webkit-transform: none !important;
}

[GarethDuncan]

It works! Thank you.

[Author]

Posts