Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • August 22, 2014 at 3:30 pm #307912
    OlivierCharlot

    Hello,
    I would like to change the social icons colors, both standard and when hover, and I don´t find where to do it.
    I found the icons codes in the Functions.php, but I can not see the colour code anywhere.
    I´d need the icons to be of the same color as the menu text (or black if not possible), and I´d like the hover images to be also in circles of the same color as the text menu (or black if too complicated) and the social logo in white inside. This is an example found on the web:
    Black twitter icon Hover
    Is this feasible?
    I could redraw these icons myself but since I didn´t find them in Images I guess you´ll suggest something through coding.
    Many thanks, and best regards,
    Olivier

    August 22, 2014 at 3:33 pm #307916
    Yigit

    Hey OlivierCharlot!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    #top .social_bookmarks li a {
color: white!important;
background-color: black!important;
}

    Regards,
    Yigit

    August 22, 2014 at 6:36 pm #308025
    OlivierCharlot
    This reply has been marked as private.
    August 23, 2014 at 8:02 am #308184
    Ismael

    Hey!

    You can use this to simplify things a bit:

    #header_main .social_bookmarks a {
 color: #000000 !important; background-color: #ffffff !important; text-decoration: none;
}

#header_main .social_bookmarks a:hover {
color: white !important; background-color: black !important; text-decoration: none; 
}

    Cheers!
    Ismael

    August 23, 2014 at 9:25 pm #308308
    OlivierCharlot

    Great!!! Just perfect!

    Many thanks,
    Olivier.

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Modify social icons colours’ is closed to new replies.