CSS to change the hover color on featured images.

  • jamesguestdesign · Member ·

    i want to customize the hover color/opacity on all the featured images on the home page. i have a premium account so i can edit the css if i knew what class to target. can you provide me a snippet for that?

    thanks

    The blog I need help with is: (visible only to logged in users)

  • djordjegrubac · Theme Author ·

    Hello,

    Please add this class to your custom CSS: 

    .featured-image a:before {
    content: "";
    background-color: rgba(255, 255, 255, 0.7);
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

    Change rgba value to desired one. Save changes after you are done, clear browser cache and check the changes.

    Thank you,
    – Djordje

  • The topic ‘CSS to change the hover color on featured images.’ is closed to new replies.