Tagged: ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #930289

    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

    #931051

    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

    #931355

    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

    #931517

    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

    #931728

    Hi Vinay,

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

    Your code really worked!

    Best Regards,
    Nick

    #931844

    Hi nickgin,

    Glad we could help :)

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

Viewing 6 posts - 1 through 6 (of 6 total)

You must be logged in to reply to this topic.