Social profile widget


My social profile widget that I inserted into the footer is showing up all sorts of weird… really big white letters. is there a way to edit these into the social network icons?

my site is

Hi again,

still working with custom css plugin, add this code below:
Add a space between the icons:

ul#menu-social li {
    margin-right: 10px;

Make the icons aligned to left:

ul#menu-social {
    margin: 0;

Decrease the size of the icons

.social-menu-widget a:before {
    font-size: 24px;

Thanks so much!! is there a way to decrease the padding?? It looks like i have so much white (black) space in my footer

I am trying to add the space between the social icons but it’s not working. What to do?

@svetagmu here is the code:

div#sidebar-footer {
    padding-bottom: 10px;

@Bram do you have a URL to your site?


It doesn’t seem to work. Maybe I am doing it wrong. How to succesfully implent the code? Can you give me a short explanation?

@Bram here is your code.

.social-menu-widget li li {
    margin-right: 5px;

you can put the code using custom css plugin

It is perfectly working, thanks!

No i need one more thing. I need the icons to align on the left in the footer. So were the S from social media starts, the icons need the be placed right underneath :D.

^can you please give me an answer on the question mentioned above?^