Okay
  Public Ticket #1520073
Color project hover
Closed

Comments

  • Anne-Laure started the conversation
    March 27, 2018 at 5:19pm

    Hello,

    I would like to set the Project Accent Color (hover effect) to white for all my projects.

    Could you help me ? Maybe with CSS. Thank you very much.

  •  3,034
    Andrew replied
    March 27, 2018 at 5:28pm

    Hey there,

    Thanks for reaching in,

    Please use this CSS in Salient > General Settings > CSS/Script Related > Custom CSS Code

    .work-info-bg { background-color: rgb(255, 255, 255)!important; }

    Hope this helps,

    Regards

  • Anne-Laure replied
    March 27, 2018 at 5:38pm

    I'm sorry, but it seems that it doesn't change anything...

    And I assume I will need another piece of CSS to set the "Project Title Color" and the "Project Date/Custom excerpt Color" to a dark color.

  •  9,013
    Tahir replied
    March 28, 2018 at 11:59am

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (All custom css provided is tested in the Live Browser so it will work as intended . If you cant see any changes make sure there is no red cross in the Custom CSS Box as that syntax error would cause all css below it to not show up on the Frontend):

    .portfolio-items[data-ps="7"] .col[data-default-color="true"] .work-item:not(.style-3) .work-info-bg {
    background-color: #fff !important;
}
.portfolio-items .col h3 {
    color: #000 !important;
}
.portfolio-items .col p {
    color: #000 !important;
}

    Thanks

    ThemeNectar Support Team 

  • Anne-Laure replied
    March 28, 2018 at 2:01pm

    It works perfectly. Thank you very much for your precious help.

    Have a nice day.