Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • March 17, 2015 at 10:58 pm #413284
    akmhou

    Hi,
    In my theme options, I’ve set Header > Extra Elements > Header Phone Number/Extra Info to show on the left. I have some text (tag line) and the phone number. I would like to add the phone icon to the left of the phone number. Is that possible?

    I added the following before the phone number:
    [av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' size='11px' position='left' color=''][/av_font_icon]

    That put the icon all the way to the beginning of the extra info and not to the left of the phone number.

    How can I do what I’m trying to do?

    Thanks

    March 18, 2015 at 3:22 pm #413677
    Yigit

    Hey akmhou!

    Can you please post the link to your website? We may need a temporary admin login as well

    Cheers!
    Yigit

    March 18, 2015 at 9:48 pm #414000
    akmhou
    This reply has been marked as private.
    March 19, 2015 at 3:49 pm #414540
    Ismael

    Hey!

    Replace the code with this:

    <span class="custom-text">Industrial Marketing & Consulting</span><span class="custom-number">[av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' size='12px' position='left' color=''][/av_font_icon]281.969.7514MM</span>

    Add this to the Quick CSS field:

    span.custom-text {
  margin-right: 10px;
  border-right: 1px solid white;
  padding-right: 10px;
}

    Cheers!
    Ismael

    March 19, 2015 at 4:17 pm #414569
    akmhou

    Hi Ismael,

    Worked like a charm! Thanks a lot for your help.
    Please mark this as resolved.

    Regards,

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘Icon in top bar’ is closed to new replies.