CSS to change the hover color on featured images.

  • 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?


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

  • 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.