Navigation
Archive / customize link hover overlay on blog index
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • March 8, 2017 at 6:01 pm #1399799
    MattHoll
    Participant

    Hello.

    When hovering over a blog post in the blog posts index page that’s a link, it uses a layer of color that looks like black with some slight opacity overlaying the featured image of that post. I’d like to customize that color but can’t find the CSS through forum searches.

    See attached image.

    Any help is appreciated.

    thanks,

    -Matt

    March 8, 2017 at 11:27 pm #1400114
    Rupok
    Member

    Hey Matt,

    Thanks for writing in! To assist you with this issue, we’ll first need you to provide us with your URL. This is to ensure that we can provide you with a tailored answer to your situation. Once you have provided us with your URL, we will be happy to assist you with everything. Also your screenshot was not uploaded due to exceeded file size. Your attachment should be within 512KB. You can also use this tool to add your screenshot – http://prnt.sc

    March 9, 2017 at 1:19 am #1400209
    MattHoll
    Participant

    Ah, sorry about that.

    The page on the site is here. That first story there, when you hover over it, it shows a chain and has a hover overlay color. Would like to change that color.

    http://www.hrvatskohomebrewprvenstvo.beer/blog/

    March 9, 2017 at 1:46 am #1400234
    Friech
    Moderator

    Hi There,

    You can add this under Custom > CSS in the Customizer.

    .entry-thumb:before {
    background-color: blue;
}

    Feel free to change the blue with your desired hover color.

    Thanks.

    March 9, 2017 at 1:54 am #1400243
    MattHoll
    Participant

    Thanks, but that’s not what I want to do. That’s for the area around the chain icon.

    When you hover, see how it overlays black over the featured image? I want to change that color.

    Thanks for the help.

    March 9, 2017 at 2:00 am #1400250
    Friech
    Moderator

    Opps, sorry about that. Please use this code instead.

    .blog .entry-thumb {
	    background-color: cyan;
}

    Thanks,

    March 9, 2017 at 2:21 am #1400259
    MattHoll
    Participant

    That did it but cyan doesn’t work. I mean, I don’t want cyan anyway so changed it to what I *do* want, but I guess for some folks it would be better to put “red” there as that always works for testing. With cyan, it simply made no change at all.

    Anyway, thanks for the fix! Worked once I changed that color. Cheers!

    March 9, 2017 at 3:01 am #1400283
    Rue Nel
    Moderator

    Hello There,

    Hey There,

    You’re welcome! We are just glad we were able to help you out.
    Thanks for letting us know that it has worked for you.

    Cheers.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1399799 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>