Topic-icon Center Social Sharing

Active Subscriptions:

None
9 years 8 months ago - 9 years 8 months ago #46268 by Riceman
Hi,

Is there a way to center the social sharing icons at the top of each page, instead of the default alignment to the left? Am I missing something simple?
Last edit: 9 years 8 months ago by Riceman.
The topic has been locked.
Support Specialist
9 years 8 months ago #46279 by alzander
Replied by alzander on topic Center Social Sharing
It actually can be a little difficult to do. The social widgets are rendered using an iFrame that's loaded using Javascript. What that means is that the page/browser doesn't know how big they are until after everything's loaded.

Sometimes, depending on your overall layout, a simple text-align:center on the .scsocialbuttons class will make them align to the center, but that usually won't work.

The best solution, if you have a fixed width content area, is to set a margin-left on the .scsocialbuttons class. That makes it looked centered, but it's not relying on the browser to do so.

If you need help doing either of the above, let me know a page we can see the social buttons on and we'll gladly see if we can help provide the CSS to add to your template to make things look centered.

Thanks,
Alex
The topic has been locked.