{1 - 24} GreyGrey
{25 - 49} GreenGreen
{50 - 499} BlueBlue
{500 - 4999} OrangeOrange
{5000 - 24999} RedRed
{25000+} BlackBlack

Please confirm that you would like to report this for an admin to review.


WP-advocate

I’m using WP advocate theme and i need to add image overlay hover effect to mt home page image widgets can you please help



Confirm that you would like to Remove Email Alerts for your question. You cant undo this and you will not be able to re-subscribe.


Author Note:
Guys please help me I'm new to this coding site and I'll do anything to learn this amazing theme redesigning

Tags

1 Answer

Try this custom CSS (this is just an example)

Download Simple Custom CSS WordPress Plugin then go to Appearance->Custom CSS then add this code,

a.widget_sp_image-image-link {
display: block;
position: relative;
}
a.widget_sp_image-image-link:before {
content: '';
position: absolute;
width: 100%;
top: 0;
height: 100%;
left: 0;
transition: all 0.5s ease-in-out;
}
a.widget_sp_image-image-link:hover:before{
background-color: rgba(0,0,0,0.7);
}

Confirm that you would like to select this answer as the "Best Answer" to your question. This will bring this answer to to top and be highlighted as "Best Answer". You can always change this if a better answer is given.


You must be Logged In to Answer this Question

Already a Member, Log In
Not a member yet? Sign Up