Okay
  Public Ticket #454934
Change social media colors w/ CSS?
Closed

Comments

  • Matt started the conversation
    June 11, 2015 at 1:02am

    The default color of the social media logos is medium gray and the mouseover color is dark green on dark gray. Both the normal state and hover state are difficult to see. How must I change the CSS to make the original color white and the hover color a lighter gray that provides better visual contrast? My preference would be to use the !important CSS tag in the Custom CSS field so theme updates don't overwrite any customization. Thanks!

  •  8,851
  • Matt replied
    June 17, 2015 at 8:55am

    Tahir,

    I tried that and after spending a lot of time I\'m no closer to finding exactly where I need to change the CSS to accomplish my desired outcome. Would you please tell me which line(s) to change, and how to change them?

  •  8,851
    Tahir replied
    June 18, 2015 at 4:09pm

    Hey Again,

    Add this into the Custom CSS box located in your Salient Options panel (Make Sure there are no red cross in the Box) :
    #footer-outer #copyright #social li a i:hover {
    color: #f00 !important;
}
#footer-outer #copyright #social li a i {
    color: #ff0 !important;
}

    Thanks


    ThemeNectar Support Team