ATTENTION, PLEASE READ: New topic creation is disabled, as we have moved to a new support system. Your existing topics will remain, but for all new requests you will need to use the new system. Click here to go to the new support request form.

• Back to forum

  Posted in: Dante
• December 23, 2013 at 3:03 am #38871
  mikedubs

  Member

  Post count: 56

  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?

  December 24, 2013 at 11:44 am #38973
  Tahir – SUPPORT

  Member

  Post count: 1212

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

  Thanks
  Tahir

  December 24, 2013 at 10:28 pm #39015
  mikedubs

  Member

  Post count: 56

  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

  December 28, 2013 at 7:08 pm #39241
  Swift Ideas – Ed

  Keymaster

  Post count: 15264

  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

  December 28, 2013 at 8:07 pm #39272
  mikedubs

  Member

  Post count: 56

  perfect. much thanks ed!

  January 1, 2014 at 9:53 am #39750
  Tahir – SUPPORT

  Member

  Post count: 1212

  Hi,
  Glad you got it sorted.

  Thanks
  Tahir

  May 30, 2014 at 9:30 am #78963
  goeste

  Member

  Post count: 20

  Hi,

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

  Thanks in advance,
  goeste

  May 30, 2014 at 9:34 am #78971
  Kyle – SUPPORT

  Moderator

  Post count: 35880

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

  – Kyle

  May 30, 2014 at 9:36 am #78974
  goeste

  Member

  Post count: 20

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

  May 30, 2014 at 9:38 am #78975
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Yes

  – Kyle

  May 30, 2014 at 9:40 am #78976
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  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

  May 30, 2014 at 9:43 am #78978
  goeste

  Member

  Post count: 20

  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…

  May 30, 2014 at 9:45 am #78980
  goeste

  Member

  Post count: 20

  This reply has been marked as private.
  May 30, 2014 at 9:47 am #78983
  goeste

  Member

  Post count: 20

  This reply has been marked as private.
  May 30, 2014 at 9:59 am #78985
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Add this to your custom css:

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

  – Kyle

• Back to forum

  Posted in: Dante