How to Keep Background Transparent on Mouseover Hover

  • Resolved 1ramyt

    (@1ramyt)


    2 years ago

    Hi! I know this is probably super simple for some of you, but I can’t figure out exactly how to keep the background section of the Featured Story (see photo and page link) transparent on the mouseover/hover. I want the block behind “Featured Story: {Post Title}” to stay transparent like it is when you don’t hover the mouse/pointer over it. Currently, it turns gray on mouseover, but it shouldn’t. I’m unclear about what element I need to target and how to apply CSS to it.

    Any help would be greatly appreciated!

    View post on imgur.com

    The page I need help with: [log in to see the link]

Viewing 2 replies - 1 through 2 (of 2 total)
  • luishporras

    (@luishporras)

    Hi!

    You need to target the element article with class .uagb-post__inner-wrap with the :hover pseudo-class and add a background-color: transparent property:

    article.uagb-post__inner-wrap:hover {
    background-color: transparent;
}
    Thread Starter 1ramyt

    (@1ramyt)

    @luishporras Thank you so much! I really appreciate the help. I can’t believe I was not seeing the “inner-wrap” portion of it.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘How to Keep Background Transparent on Mouseover Hover’ is closed to new replies.