Center social icons with shortcode

[rochando]

Hello

I am trying to include social icons in a text block. I go to “swift framework shortcodes” and choose the “social” one.

Then appears “[social size=”standard” style=”colour”]” in the box, and I put it centered, but, even when the html code is saying “<p style=”text-align: center;”>[social size=”standard” style=”colour”]</p>” is always left aligned…

As you can see, I don’t know too much about html and webpages, maybe it is my fault…

Thank you in advance!

[Swift Ideas – Ed]

Hi there,

You’d need to do something like this:

<p class="social-centered">[social size="standard" style="colour"]</p>

Then add the following the the custom css box within theme options:

.social-centered ul.social-icons {
text-align: center;
}
.social-centered ul.social-icons li {
float: none;
display: inline-block;
}

– Ed

[jazeppi]

Hi Ed,

I am also trying to center these social icons in the footer widget. I have a single footer widget box at the bottom of the site. I have followed these instructions, but it still does not work. Any solutions would be greatly appreciated.

Thanks 🙂
jazeppi

[Cosmin – SUPPORT]

The guide above won’t work within the footer.

If you have the social icons in your footer widget, please link to your site and I’ll help out.

Regards,
————————————————————————————————————

Cosmin – Support

[aaustin69]

This reply has been marked as private.

[Cosmin – SUPPORT]

Hi Alan,

You have the icons in the left widget, so it’s only possible to center them within that widget.

Custom CSS:

#footer-widgets .social-icons {
    display: table;
    margin: 0 auto;
}

Note: private-replying on someone else’s post will make your reply visible to the original poster, so I’ve removed your site’s URL, just in case… 🙂

Regards,

————————————————————————————————————

Cosmin
Support Assistant