Hope

One solution would be to add the following to the Custom CSS field of your templates parameters which will put a dark background to your facebook icon (border-radius optional)...

.social-facebook a {

  border-radius: 50px; 

  background-color: rgba(0, 0, 0, 0.5); 

}

Ciarán

awesome! FAST SERVICE!
see http://newmexicoactor.net/reels/demo.html

I added a margin of 5px because it was bumping the top edge and the text below. This helped create space at the top.

Can I get the margin to work on the top and bottom?

Ciarán - I just added this css

#sidecol_b .sidecol_block {

padding-top: 40px;

}

And it seemed to fix the issue. Do you like this solution?
-Hope

Yes that would be fine. That moves your sidecolumn down a bit giving you a bit more space for your icons.

If you wish to further move the position of your social icons you can also add the following to your Custom CSS field editing to your taste..

#socialmedia {

    right: 10px;

    top: 132px;

}

The above is the default so adding this will not make any changes however editing it will.

Ciarán

Great service, Ciarán!
I will keep in mind your suggestion.

After adding new icons, I changed the css to

#socialmedia a {

border-radius: 50px;

background-color: rgba(0, 0, 0, 0.5);

margin: 5px;

}

This seems to work fine, as it applies to every icon at once.
thanks,
Hope