Okay
  Public Ticket #192714
Portfolio hover color
Closed

Comments

  • Dan started the conversation

    I found a piece of CSS to change the colour of the mouseover hover on portfolio items (so it's different to the default colour settings for other highlighted items throughout the site) but when I upgraded to version 4 of Salient the code stopped working. I'm trying to recreate the color using:

    body .portfolio-items .work-info-bg { background-color: #fff200; }

    but this has no effect. Is this css sniper the right one?

  • Dan replied

    Further to above post... I just changed the "Project Accent Color" to a random (light blue) colour to see what that would do and now that portfolio item's hover colour is #fff200 (yellow). The portfolio item is the first one (called Practica MMC, MasterWall). This now looks like a bug.

  •  8,838
    Tahir replied

    Hey Dan!

    Add this into the Custom CSS box located in your Salient Options panel:

    .portfolio-items .col .work-item.style-2 h3 {
        color: #fff200 !important;
    }
    

    Cheers


    ThemeNectar Support Team 

  • Dan replied

    I tried the sniper and the rollover colour doesn't change i.e. on items that have had "Project Accent Color" changed, then the yellow hover colour works, but others are still using the default colour assigned in the options panel. Adding your suggested snippet also makes the #3b4c55 font colour stop displaying.


    Here's the CSS I currently have in the options pane:

    .portfolio-items .col .work-item.style-2 h3, .portfolio-items .col .work-info .vert-center p {
    color: #3b4c55 !important;

    }

    .portfolio-items .col .work-item.style-2 h3 {
    color: #fff200 !important;

    }

    body .container .work-item .work-info-bg {
    background-color: #fff200 !important;

    }

    body div#portfolio-filters-inline {
    background-color: #f0f0f0;

    }