Problem with Sharing Buttons

It seems that this border was added to your site’s Custom CSS.

To remove that border, you’ll need to remove border: 1px solid red; from your custom CSS code.

I hope this helps.

Thanks, that seemed to work. I have no idea how that CSS got in there. It says it was from Sharedaddy and I never remember using Sharedaddy. I deleted all the code.

div.sharedaddy {
border: 1px solid blue;
width: 100%;
}

div.sharedaddy .sd-content {
border: 1px solid red;
float: left;
width: 100%;
}

May I please ask two more questions about this. Is there a way to fix the spacing problem with the icons so that they are all evenly spaced and also a way to make all the icons the same size.
I can write this as a separate help question if you want.

Thanks for the help
Andrew

https://www.visitbanteaychhmar.org/

Is there a way to fix the spacing problem with the icons so that they are all evenly spaced and also a way to make all the icons the same size.

If you want all buttons to have the same size, you’ll need to switch away from the official button style, as there is very little you and I can do to customize the look of the official sharing buttons provided by Facebook, Twitter, and others.

However, if you go to Settings > Sharing in your dashboard and switch to another button style (Icon + Text for example), all buttons will have the same size and will look similar.

I hope this helps.

Ok, thanks. I switched to the icon only style.
I’m pretty happy with the look.

If there is a way to “colorize” the icons to the actual sites in the ‘icon+text’ style that would be great.

Andrew

Sure. You can customize the look of every element on your site thanks to CSS. You can add that CSS to your theme stylesheet, or to your custom CSS editor available under Appearance > Edit CSS in your dashboard.

The following CSS, for example, will colorize the icons when using the “Icon + Text’ button style:

.sd-social-icon-text .sd-content li.share-facebook a:before {
	color: #3b5998
}
.sd-social-icon-text .sd-content li.share-google-plus-1 a:before {
	color: #dd4b39;
}
.sd-social-icon-text .sd-content li.share-linkedin a:before {
	color: #0077b5;
}
.sd-social-icon-text .sd-content li.share-twitter a:before {
	color: #00acee;
}