how to center a short code element?

[mikedubs]

i have the social link short code in a text box and it is left justified. i tried a few ways <center>, <p style text align=”center;”>,float center, etc. but none worked. is there a simple solution?

[Tahir – SUPPORT]

Hi,
Please provide url so i can provide some custom css.

Thanks
Tahir

[mikedubs]

hi tahir,

my testing site is http://www.reallystandard.com the short code is the social short code in the center footer widget. much thanks for taking a look 🙂

mike

[Swift Ideas – Ed]

Hi Mike,

You can use this custom css:

.textwidget ul.social-icons {
text-align: center;
}
.textwidget ul.social-icons li {
float: none;
}

Hope that helps.

– Ed

[mikedubs]

perfect. much thanks ed!

[Tahir – SUPPORT]

Hi,
Glad you got it sorted.

Thanks
Tahir

[goeste]

Hi,

I also tried to center the icon shortcode on http://nife.goeste.de/menue/ how can this be done?

Thanks in advance,
goeste

[Kyle – SUPPORT]

In the editor, highlight the shortcodes and click the center align button

– Kyle

[goeste]

unfortunately, this does not work, do I have to remove the float option in the shortcode?

[Kyle – SUPPORT]

Yes

– Kyle

[Kyle – SUPPORT]

It will be easier if you could provide me with a login and I will help you with it, I just ened to see how you have it set up

– Kyle

[goeste]

This is my code, but somehow it is left aligned , also the icons are ot next to each other but listed from top to bottom.

<p style="text-align: center;"><a title="Eine Email an das Nio schreiben" href="mailto:[email protected]">[icon image="fa-envelope" character="" size="small" cont="yes" color="standard"]</a> <a title="das Nio anrufen" href="tel:+494075601916">[icon image="fa-phone-square" character="" size="small" cont="yes" color="standard"]</a> <a title="Der Weg zum Nio" href="http://maps.google.com??saddr=Current%20Location&daddr=Reeperbahn%201+20359%20Hamburg+Deutschland">[icon image="fa-home" character="" size="small" cont="yes" color="standard"]</a></p>

the icons are still not centered…

[goeste]

This reply has been marked as private.

[goeste]

This reply has been marked as private.

[Kyle – SUPPORT]

Add this to your custom css:

.col-sm-4 .spb_wrapper .sf-icon-cont {
  margin: 0 auto;
}

– Kyle