Social Media icons

Hi !

I’ve got a strange F for Facebook. See it at the bottom of that page:

http://louetestrucs.com/a-propos-de-nous/message-du-president/

The link is:

(http://louetestrucs.com/a-propos-de-nous/message-du-president/)

Hello Jess,

Please try to use the following CSS code to make your Facebook button look like the rest of social buttons.

You can add CSS code to your site with Simple Custom CSS plugin (just copy CSS code and paste it in Dashboard -> Appearance -> Custom CSS after installing and activating the plugin). Also you can add CSS code directly to style.css file of your child theme.

.so-widget-sow-social-media-buttons-atom-4ff4b59a2faa .sow-social-media-button-facebook {
    color: #ffffff !important;
    background: #252525;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#0c0c0c),color-stop(1,#252525));
    background: -ms-linear-gradient(bottom,#0c0c0c,#252525);
    background: -moz-linear-gradient(center bottom,#0c0c0c 0%,#252525 100%);
    background: -o-linear-gradient(#252525,#0c0c0c);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#252525', endColorstr='#0c0c0c', GradientType=0);
    border: 1px solid;
    border-color: #050505 #000000 #000000 #000000;
    -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
    -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.065);
    text-shadow: 0 1px 0 rgba(0,0,0,0.05);
}

.so-widget-sow-social-media-buttons-atom-4ff4b59a2faa .sow-social-media-button-facebook.ow-button-hover:hover {
    background: #2a2a2a;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0,#111111),color-stop(1,#2a2a2a));
    background: -ms-linear-gradient(bottom,#111111,#2a2a2a);
    background: -moz-linear-gradient(center bottom,#111111 0%,#2a2a2a 100%);
    background: -o-linear-gradient(#2a2a2a,#111111);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#2a2a2a', endColorstr='#111111', GradientType=0);
    border-color: #0a0a0a #050505 #000000 #050505;
    color: #ffffff;
}

Please feel free to ask any other questions that you might have.

Kind Regards, Roman.