Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • March 21, 2018 at 5:34 am #930289
    nickgin

    Hello Sirs,

    I would like to have an telephone icon + phone number and also email icon + email address in top bar.
    I have used the following shortcode in Header –> Extra Elements –> Phone/Small info:

    [av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' size='20px' position='left' color='' admin_preview_bg='']211.411.0600

    Now I would like to insert also one more icon + email address next to telephone.
    I tried to do that but I didn’t manage with css styling. Something I do wrong with classes?
    I need your precious support.

    See the screenshot: https://prnt.sc/iu3smw

    Thank You in advance.

    Best regards,
    Nick

    March 22, 2018 at 6:40 am #931051
    Ismael

    Hey nickgin,

    Thank you for using Enfold.

    These shortcodes work in my installation.

    [av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' size='20px' position='left' color='' admin_preview_bg='']PHONE[av_font_icon icon='ue854' font='entypo-fontello' style='' caption='' link='' linktarget='' size='20px' position='left' color='' admin_preview_bg='']EMAIL

    Best regards,
    Ismael

    March 22, 2018 at 3:03 pm #931355
    nickgin

    Hi Ismael,

    Thank you so much for your response and your support.

    I appied your code but I am facing the following issue: https://prnt.sc/iusb33

    I am waiting your news.

    Thank you in advance.

    Best regards,
    Nick

    March 22, 2018 at 6:15 pm #931517
    Vinay

    Hi,

    Please add the correct phone/email info in the below HTML and paste(replace old code) it in Enfold > Header > Extra Elements > Phone Number or small info text:

    
<a class="phone-info-top" href="mailto: (Email address hidden if logged out) "> Email us </a>
<a class="phone-info-top" href="tel:5555555555">Call us 555-555-5555 </a>

    Add the below CSS for multiple phone numbers to show up on same a line.

     
/* Phone info */
.phone-info-top {
  display:inline-block!important;
  padding:4px 10px;
}

    Best regards,
    Vinay

    March 23, 2018 at 2:13 am #931728
    nickgin

    Hi Vinay,

    Thank you very much for your excellent support!
    I really appreciate it!

    Your code really worked!

    Best Regards,
    Nick

    March 23, 2018 at 9:46 am #931844
    Victoria

    Hi nickgin,

    Glad we could help :)

    If you need further assistance please let us know.
    Best regards,
    Victoria

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.