Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Lucy Tomas

    (@lucymtc)

    Hi,
    Sorry on the delay of this answer.
    You can center the icons adding this code to your theme style.css file:

    .sfmsb-follow-social-buttons{
    	text-align: center;
    }
    
    .sfmsb-follow-social-buttons a{
    	display: inline;
    	float: none;
    }

    If you look at the source code, you can see each a element has a span with a class inside so you can change the color of each icon like this (example for twitter icon):

    .sfmsb-follow-social-buttons a span.sfmsb-icon-twitter{
    	color: #ff0000 !important;
    }
    IbrahimC

    (@ibrahimc)

    Hi!

    I know this is a bit old but I just tried this and it didn’t work.

    I’m trying to center the widget’s text and icons and even after using the code you provided, it is still aligned to the left.

    You can view it here on the right sidebar. The code is still in the theme’s CSS: https://thegamingrpt.com/

    Hello, this code didn’t work for me.

    Is there a specific place within style.css? I tried a lot os places but it’s not working.

    https://www.civirando.com.br

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘How to make icons brighter and align in the center’ is closed to new replies.