Cannot find where this color is declared at

I have inherited a wordpress site using a theme. There is a background color on hover in the portfolio section of the site that we want changed. I cannot find where this color is declared at so I can change it. I thought it was an element called gallerySelectorList but nothing I did changed the color. The demo site of this theme is here : http://demo.pixelentity.com/?surreal

If anyone can help me that would be great I am losing my mind trying to track this thing down and change it. I posted on the creator of the theme’s forum but got no where.

Related posts

Leave a Reply

2 comments

  1. Within the Chrome Developer Tools you can invoke the :hover state of any element. In this case, you want to do so for the li wrapping the link. When do we do this, we see the color is set here:

    .gallerySelectorList li:hover {
        background: #83103e;
    }
    

    enter image description here

    This code is located within your HTML file:

    enter image description here

  2. It looks like it’s not actually a hover, but more so being faded in background color. Found then pink color in the class thumbTextWrap.

    .thumbImage .thumbTextWrap { background:#8b133c; }

    When I changed that or removed it changed the background hover color as needed in the dev tools.