Tagged: change, Color, image hover
Hey guys,
I can’t seem to find in the forum threads how i can change the blog image hover effect from white to a darker more dim color.
Any ideas? I’m sure it’s something easy, but I cannot find the code :-(
Thank you.
PS, I’m using the magnifico Enfold theme! ;-)
You can add the following to your custom.css or Quick CSS and it will change it to a darker color. Be aware though it will change all of the hover effects site-wide to the darker color. You can change the hex code to whatever color you like. I don’t know how to limit it to just the blog page images though. If that’s what you’re wanting maybe one of the moderators can help.
.image-overlay {
background: #000000 !important;
}
Hey,
@American Patriot: Thanks for the tip.
@headbentde: You can do the instructions above.
.image-overlay {
position: absolute;
background: black;
z-index: 500;
height: 100%;
width: 100%;
opacity: 0;
filter: alpha(opacity=0);
}
Regards,
Ismael
THANK YOU GUYS! Sorry for the late response.
Cheers!
-Pat