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: Flexform
• May 7, 2015 at 4:04 am #172594
  abbie2636

  Member

  Post count: 7

  Hi – can you tell me why the icon and the text has been centered differently. The text has been centred within the editing box of the swift page builder. The icon has been centred using code from this forum due to there not being an option to centre the circular icon in the shortcode options. Why are they not lining up centred, and how can I fix this?

  [icon image=”fa icon-user” character=”” size=”medium” cont=”yes” float=”none”

  May 7, 2015 at 4:05 am #172595
  abbie2636

  Member

  Post count: 7

  Also – while we’re here can you tell me what code to use to enable to icon to have a link (and ideally how to change the hover color).

  May 7, 2015 at 9:12 am #172687
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Hi

  Add this to your custom css:

  .sf-icon-cont {
    margin-right: 0;
  }

  – Kyle

  May 7, 2015 at 9:19 am #172688
  Rui Guerreiro – SUPPORT

  Keymaster

  Post count: 25779

  Hi,

  Add the code below to your custom css option.

  
  .post-18 .wpb_text_column p{
  margin-left:-20px!important;
  }

  Regarding the icon link try the code below.

  
  <a href="#">[icon image="fa icon-user" character="" size="medium" cont="yes" float="none"]</a>

  -Rui

  May 7, 2015 at 9:52 am #172721
  abbie2636

  Member

  Post count: 7

  Thanks. I’ve done it for the first icon, top, left and it is working but not perfect as the actual icon itself isn’t linked, just the container around it. Ideally the icon would be linked as well. Here’s my code

  <div style=”text-align: center;”>[icon image="fa icon-user" character="" size="medium" cont="yes" float="none"]</div>
  <div style=”text-align: center;”>

  May 8, 2015 at 12:56 pm #173246
  Kyle – SUPPORT

  Moderator

  Post count: 35880

  Unfortunately it’s not possible to link the icons with the current structure, sorry

  – Kyle

• Back to forum

  Posted in: Flexform