How to change the color of the icons?

Support
#1

Could be possible to change the default color of this icon and change his color when is hover it with the mouse ? ( is in the
superfly menu)

#sfm-sidebar .sfm-social li.sfm-icon-youtube a:before {
content: “\f0d0”;
font-family: fontawesome;
}

thanks

#2

Hello @Borislav.VD,

Thanks for asking. :slight_smile:

Please add following CSS under X > Theme Options > CSS to change YouTube icon background color:

#sfm-sidebar .sfm-social li.sfm-icon-youtube a:after{background-color: #ddd;}

#sfm-sidebar .sfm-social a {
    color: #fff !important;
}

Thanks.

#3

I do not wish to change the color circle . I wish to change the default color of the proper font awesome icon ( just the icon not anything else ) thanks

#4

Hi there,

Please try:

#sfm-sidebar .sfm-social li a:before {
    color: #00ff5f;    
}

#sfm-sidebar .sfm-social li a:hover:before {
    color: #0000ff; 
}

Feel free to change the value of the colors in the code.

#5

Great @Jade it works perfectly , applause,applause +1

By the way How could be possible to center the text under the superfly menu --the message right now is Copyright .thanks

#6

Hi,

To center it, you can add this in Theme Options > CSS

#essb_displayed_bottom_2066904405 {
   text-align:center;
}

Hope this helps.

#7

it does not work :frowning: @paul.r

#8

Hi,

You can try this code instead.

.essb_links {
    text-align: center;
}

If that doesn’t work please provide wordpress admin login in Secure Note

Thanks

#9

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