Setting Portfolio navigation to different colour when we hover over it

Hey Guys,

Is there a way to change the colour of the portfolio navigation (the 9 square icon and the arrow icon at the top of the portfolio article) to another colour when we hover over it? Currently when I hover over it, the default colour is black (https://www.consultparv.com/portfolio-item/importance-of-keeping-an-open-mind/).

Thanks for your help.

Hi,

To change the hover color, you can add this in Theme Options > CSS

.x-nav-articles a:hover, .entry-top-navigation .entry-parent:hover, 
.option-set .x-index-filters:hover i, .option-set .x-portfolio-filters:hover i {
    background-color: #02aed6;
}

For future reference, I came up with that code using chrome inspect element.


Hope that helps.

It worked perfectly, thanks a lot for your help :smile:

You’re welcome, @consultparv.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.