You just need to adjust the width of that DIV. Check the Open Graph+ Style settings, under the Button Style tab. 😉
js.
Hi JS,
I edited the “sharing-buttons.css” file, increasing the width for Linked In from 105px to 205px but it didn’t change the problem.
Here is the code:
`.ngfb-buttons > div {
display:inline-block;
vertical-align:bottom;
text-align:left;
line-height:20px;
width:200px;
height:20px;
padding:0;
margin:2px;
}
/* Define specific widths for each button.
* These defaults assume small button sizes with counters.
*/
.ngfb-buttons div.facebook-button { width:149px; }
.ngfb-buttons div.gplus-button { width:99px; }
.ngfb-buttons div.gplusone-button { width:75px; }
.ngfb-buttons div.twitter-button { width:89px; }
.ngfb-buttons div.linkedin-button { width:205px; }
.ngfb-buttons div.pinterest-button { width:78px; }
.ngfb-buttons div.reddit-button { width:130px; }
.ngfb-buttons div.managewp-button { width:100px; }
.ngfb-buttons div.stumbleupon-button { width:84px; }
.ngfb-buttons div.tumblr-button { width:85px; }
I could use some direction here.
Thanks,
Mark
That looks fine, but the .linkedin-button class still shows as 105px:
.ngfb-buttons div.linkedin-button{width:105px}
You can do a “view source” to check yourself.
Are you running a full page cache? You may need to flush that cache.
js.
I’ve changed it in the plugin editor to 150px but within the button style tab in the plugin it still shows 105px and is not editable in the free version.
Also, I cleared my cache completely with no change. I also checked it in another browser – no change.
Oh, right, I forgot about that. 🙂
You either need to modify the default CSS style, but as you say, that requires the Pro version, or you have to override the CSS style after it’s been included in the header. I often use a plugin called the Lazyest Stylesheet for this — it loads last and allows me to override the default style of various plugins and themes.
Another alternative would be to uncheck the ‘Use the Social Stylesheet’ option and include your own CSS styles in whatever stylesheet you use (presumably the style.css file from a child theme).
js.
