How to center social icon

If you have more or less than 5 social icons you might find the icons is not centered. Here is how you can center the icons.

First click on the “design” tab and into “edit html/css”. Once the code editor is open, click on “main_style.css” to open the css page. Here locate this code:


.social-frame {
  • position: relative;
  • margin: 0 auto;
  • width: 190px;
Here edit the width highlighted above. Change the width larger or smaller until you see your icon center on the page. You can use the “preview” mode to see the changes take place so you can judge what size you need to set the social icon frame to be be.
Save your changes and re-publish your site for the change to take effect

Tags: , , , , , , ,