WordPress Social Share Buttons Plugin

WordPress Social Share Buttons Plugin - Demo 3

Demo 3 – Custom Positioning & Styling

The position & styling of the button panel is completely flexible. In this demo the button panel is aligned to the right & the floating animation is turned off.

The positioning is fixed based on the center of the browser window so that if the browser width is adjusted the button position remains the same.

WordPress Social Share Buttons Custom Settings

Using the styling section in the plugin settings page we have changed the background colour of the panel and added a few simple CSS rules to the “Custom CSS” box to add the borders:

WordPress Social Share Buttons Custom Styling

Custom CSS

.dcssb-float {
	padding: 5px 0 0 0;
	border-left: none;
	border-radius: 0 3px 3px 0;
	-webkit-border-radius: 0 3px 3px 0;
}
.dcssb-btn {
	padding: 7px 5px;
        margin-bottom: 0;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #fff;
}
.dcssb-facebook {
	border-top: none;
}
.dcssb-email {
	border-bottom: none;
}

Other Premium Plugins

WordPress Social Stream Plugin Social Network Tabs Plugin Top Social Share Posts Plugin