Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • November 25, 2014 at 10:17 pm #357981
    champlainconted

    Consider this code:
    [av_button label='Find out more' link='manually,http://' link_target='' size='small' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff'][av_button label='Sign up' link='manually,http://' link_target='' size='small' position='center' icon_select='no' icon='ue800' font='entypo-fontello' color='theme-color' custom_bg='#444444' custom_font='#ffffff'][av_font_icon icon='ue83d' font='entypo-fontello' style='' caption='' link='' linktarget='' size='18px' position='left' color=''][/av_font_icon]Starts February 9th![av_font_icon icon='ue85b' font='entypo-fontello' style='' caption='' link='' linktarget='' size='18px' position='left' color=''][/av_font_icon] Full Time Day Schedule

    It’s meant to all appear on one line, in sequence, but instead I see this:

    What CSS do I need to make the icons appear exactly where I place them? (like the buttons)

    November 26, 2014 at 4:56 am #358138
    Ismael

    Hey champlainconted!

    Thank you for using Enfold.

    Can you please provide a screenshot on how you want it to look like? Try to use column layouts to separate the shortcodes.

    Regards,
    Ismael

    November 26, 2014 at 11:20 pm #358631
    champlainconted

    Here’s how I want it to look:

    I rather avoid using additional columns because the code snippet I gave you already lives within a 3/4 column.

    Thanks

    November 27, 2014 at 1:57 am #358758
    Yigit

    Hi!

    Please add following code to Quick CSS in Enfold theme options under General Styling tab

    .page-id-226 .avia-icon-pos-left { float: none; margin-left: 0.5em; }
.page-id-226 .av_font_icon { display: inline; }

    Best regards,
    Yigit

    November 27, 2014 at 5:33 pm #359088
    champlainconted

    Perfect! Thanks!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘How do I make the icons appear exactly where the shortcodes appear?’ is closed to new replies.