New Landing › How can we help? › Cardinal › Icon Button

Viewing 4 posts - 1 through 4 (of 4 total)
  • Back to forum
    Posted in: Cardinal
  • July 9, 2014 at 7:17 am #89238
    icecast
    Member
    Post count: 182

    hi, any suggestions to get icon to display in button? tried shortcode below but not working

    [sf_button colour=”turquoise” type=”standard” size=”large” link=”http://tbd.com/egg” target=”_self” icon=”ss-egg” dropshadow=”no” extraclass=””]egg[/sf_button]

    July 9, 2014 at 7:52 am #89257
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Hi there,

    This is the shortcode setup you want to use:

    [sf_button colour="white" type="sf-icon-stroke" size="standard" link="http://" target="_self" icon="ss-plates" dropshadow="no" extraclass="ml0"]STROKE BUTTON & ICON[/sf_button]

    Hope that helps.

    – Ed

    July 9, 2014 at 5:32 pm #89581
    icecast
    Member
    Post count: 182

    thank you, any suggestions to display text underneath icon rather than right of icon?

    July 9, 2014 at 9:36 pm #89624
    Swift Ideas – Ed
    Keymaster
    Post count: 15264

    Sure, change your shortcode to this:

    [sf_button colour="white" type="sf-icon-stroke" size="standard" link="http://" target="_self" icon="ss-plates" dropshadow="no" extraclass="ml0 text-below"]STROKE BUTTON & ICON[/sf_button]

    Then add this custom css:

    a.sf-button.sf-icon-stroke.text-below i {
position: relative;
border: 0;
text-align: center;
width: 100%;
padding-bottom: 0;
}
a.sf-button.sf-icon-stroke.text-below span.text {
padding: 0 20px 10px;
display: block;
}

    Hope that helps.

    – Ed

  • Back to forum
    Posted in: Cardinal
Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in and have valid license to reply to this topic.

License required for one of the following items
Login and Registration Log in · Register