Try this custom css:
mashsb-container{
display: block;
margin: 0 auto;
max-width: 660px;
}
The max-width value depends on your site and on the quantitiy of enabled large buttons.
The problem with this is that if a specify a width to get them perfectly centered, when I click the + button, the extra buttons wrap underneath very awkwardly.
In effect I would have to have two max-widths, one for normal, and another for expanded.
Is there no easier way?
I need to see that on your site. We have several possible ways to float the secondary share buttons below the main buttons, but this depends on various factors.
you can use:
.mashsb-container {
margin-bottom: 30px;
margin: 0 auto;
width: 240px;
}
And either float the plus sign to the right with:
.onoffswitch2 {
float: right;
}
(Does not look nice)
or much more cleaner, just hide it (its not needed anymore – when someone decided to open the other networks from usability view its not necessary to close it again) That looks really cool:
.onoffswitch2 {
display:none;
}
Otherwise a small js script is needed which detect when the plus button is pressed and than increase the width:size of the mash-container dynamically to have it align centered.
Btw. you should update to latest mashshare version. I updated the plus sign so it gets rid of label field. Now it is HTML5 conform and alows easier adjustments
