Change default Position of Social Share Buttons in Flare WordPress Plugin

You can change the positions of Horizontal Social Share Buttons and Vertical Floating Buttons Bar by using a simple CSS styles according to your requirement. Here I am sharing few CSS styles to change default position of social share buttons in flare WordPress plugin.

Most of the Social Sharing Button Plugins for WordPress offer default display position settings, like you can display Social Sharing Buttons at start or end of a single post. You can adjust Buttons alignment left or right. If your Social Sharing Button Plugin is offering a floating button bar like Flare does, you can only adjust the alignment of the floating buttons bar either on left or right.

What if, your page layout width is wider than a default webpage? What if, you want to display floating button bar a step ahead from your webpage layout? Or if you want to display the Social Buttons Bar in middle after your post title? As you might aware that such customizing features are barely available in Social Share Button Plugins.

• Change the horizontal or vertical position of Flare Social Share Buttons, by default buttons displayed after post title in single post. Copy and Paste below given CSS code in your theme’s Custom CSS Sheet or edit in Style.css file.

</*
Product Name: Change default Position of Flare Social Share Buttons
Product URL: https://technumero.com/internet/change-default-position-social-share-buttons-flare-wordpress-plugin/2880
Description: Change default Position of Social Share Buttons in Flare WordPress Plugin created by technumero.com
Author: Saurabh K
Author URL: https://www.saurabhk.com
Copyright: (c) 2014 technumero.com
Tags: Social Buttons, Plugins, CSS
---------
DO NOT EDIT ABOVE GIVEN DETAILS.
---------
*/>
</*******START*******/>
<style type="text/css">
.flare-horizontal
{
width: 70% !important;
margin-left:160px;
margin-top:10px
margin-bottom:10px
padding-right: 10px;
padding- left: 10px;
}
</style>
</*******END*******/>

Do adjust the position by changing margin and padding 10px→20px as per your #content-wrap width.

Also Read: How to Customize Facebook Like Box

• Flare Vertical Floating Buttons Bar position can also be changed by using given below CSS style. You only need to insert CSS code in your Style.css file.

</*
Product Name: Change default Position of Flare Social Buttons 
Product URL: https://technumero.com/internet/change-default-position-social-share-buttons-flare-wordpress-plugin/2880
Description: Change default Position of Social Share Buttons in Flare WordPress Plugin created by technumero.com
Author: Saurabh K
Author URL: https://www.saurabhk.com
Copyright: (c) 2014 technumero.com
Tags: Social Buttons, Plugins, CSS
---------
DO NOT EDIT ABOVE GIVEN DETAILS.
---------
*/>
</*******START*******/>
<style type="text/css">
.flare-vertical
{
margin-top: 50px !important;
margin-left: -650px !important;
}
</style>
</*******END*******/>

Do check the responsive layout of your theme after changing position of social share buttons. Let me know if you find any difficulty. Hope you found this post useful, Share it with your friends and acquaintances. Do post your quarries in comment section, if have any in application of following codes.