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)
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
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
Perfect! Thanks!