[Resolved] grid-container

Home Forums Support [Resolved] grid-container

Home Forums Support grid-container

  • This topic has 3 replies, 2 voices, and was last updated 2 years ago by David.
Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #2192091
    Den

    Hello Team,

    I am trying to achieve a CSS functionality on category pages where (if) the user hovers on the grid-container it should change the colour to grey.

    I have successfully written the CSS lines but it also changes the colour of the main content area that I don’t want. Can you help me out with this?

    Thanks in advance.

    Video Link: https://files.fm/f/kpwng6wtt

    CSS :

    .grid-container .inside-article:hover {
    	background-color: #e0e0e0;
    }
    #2192120
    David
    Staff
    Customer Support

    Hi there,

    WordPress adds classes to the <body> tag that you can use to apply CSS to specific templates. So try this:

    .blog .grid-container .inside-article:hover,
    .archive .grid-container .inside-article:hover {
    	background-color: #e0e0e0;
    }

    This should now only target that container on the blog and archive pages.

    #2192121
    Den

    Amazing support as always <3

    #2192134
    David
    Staff
    Customer Support

    Glad to be of help!

Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.