Images are dimmed or with dark overlay

Hi,

My site is using the Gavick Storefront template on Joomla 3.7.2:
http://mediagenesis.com.sg/trek3c/singa ... a-showroom

It appears all images on the website are dimmed or have a dark overlay over them. Is there a way this feature / function can be switched off? Or adjust the dimness?

I found this code elsewhere on Gavick forums, it is supposed to resolve the overlay issue (I placed it in override.css, override is enabled in the template settings), unfortunately it does not work:

.gkIsWrapper-gk_storefront figure > div::before {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important;
}

Hi

I think this code it's from a different module style. Please try this:

Code: Select all

.gkImageWrapperOverlay {
opacity: 0 !important;
}


hi teitbite,

thanks for your reply.
i added the code that you suggested in override.css, but the result is the same.

the actual images are brighter than how they appear on the site, for example:
http://mediagenesis.com.sg/trek3c/image ... owroom.jpg

gurdip

Hi

I think this code it's from a different module style. Please try this:

Code: Select all

.gkImageWrapperOverlay {
opacity: 0 !important;
}


Hi

I found the problem. You have in css code:

Code: Select all

#gkMainbody {
    opacity: 0.8;
}


It's not a standard style from template, please remove this line or overwrite it in override.css

Code: Select all

#gkMainbody {
    opacity: 1;
}


teitbite,

it works, you are brilliant, thank you.

gurdip

Hi
Glad I could help.
---
If You were satisfied with our support please let other users know on Twitter: http://twitter.com/gavickpro or Facebook: http://www.facebook.com/gavickpro