Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • March 5, 2017 at 7:43 am #755850
    Overhaulics

    How do I get an icon from shortcode to show in the middle of a sentence. Say I want all this on one single line:

    [av_font_icon icon='ue842' font='entypo-fontello' style='' caption='' link='' linktarget='' size='12px' position='left' color='' admin_preview_bg=''][/av_font_icon] Oswego, OR 97035, United States [av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' size='12px' position='left' color='' admin_preview_bg=''][/av_font_icon] (123) 456-7890 [av_font_icon icon='ue805' font='entypo-fontello' style='' caption='' link='' linktarget='' size='12px' position='left' color='' admin_preview_bg=''][/av_font_icon] (Email address hidden if logged out)

    Right now this code in Phone Number or small info text area aligns all the icons left and they all show before the wording.

    March 5, 2017 at 7:46 pm #756010
    Mike

    Hey Kyle,
    This code will be all in one line if there is room in the element. Depending on where you put it you may need edit in the Text Tab.

    <span class="av-icon-char" style="font-size:12px;line-height:12px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span> Oswego, OR 97035, United States <span class="av-icon-char" style="font-size:12px;line-height:12px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span> (503)854-7200 <span class="av-icon-char" style="font-size:12px;line-height:12px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>  (Email address hidden if logged out)

    Here are Icons Only:

    <span class="av-icon-char" style="font-size:12px;line-height:12px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span> 
<span class="av-icon-char" style="font-size:12px;line-height:12px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>
<span class="av-icon-char" style="font-size:12px;line-height:12px;" aria-hidden="true" data-av_icon="" data-av_iconfont="entypo-fontello"></span>

    postimage
    Best regards,
    Mike

    March 6, 2017 at 12:52 am #756071
    Overhaulics

    Worked perfectly thanks!

    March 6, 2017 at 1:12 am #756078
    Mike

    Hi,
    Your welcome and Thank you for using Enfold.

    Best regards,
    Mike

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • The topic ‘Icon no alignment’ is closed to new replies.