Tagged: 

Viewing 8 posts - 1 through 8 (of 8 total)
  • Author
    Posts
  • July 6, 2022 at 2:56 pm #1357403
    oestersund

    Dear team,
    for my DEV page below, i´ve tried several codes from other tickets, but did not finde a solution. What I need is:

    – phone symbol prior to phone no, mail symbol prior to mail adr.
    – more space between phone and mail (….. 88 11 24 | Schreiben…..)
    – direct link to phone call and mail send

    July 6, 2022 at 4:58 pm #1357416
    Yigit

    Hey,

    Thanks for contacting us!

    I have shared HTML code of the icons here – https://pastebin.com/FzNmuqGh. First line is for the phone icon and second one is for mail. Could you please try pasting HTML codes instead? :)

    Best regards,
    Yigit

    July 6, 2022 at 5:17 pm #1357421
    oestersund

    Hi Yigit,
    I think I did not understand you right, sorry. I´ve entered now:

    <span class=”av-icon-char” aria-hidden=”true” data-av_icon=’ue854′ data-av_iconfont=”entypo-fontello”></span>

    resp.

    <span class=”av-icon-char” aria-hidden=”true” data-av_icon=”ue805″ data-av_iconfont=”entypo-fontello”></span>

    The result is obviously not working as you can see. How I do it right?

    Thx again

    July 6, 2022 at 5:45 pm #1357423
    Yigit

    Hey,

    Simply pasting the HTML codes should display the icons. For example here is the text that I used in extra info field – https://pastebin.com/2ScNjTTf and this is the result – https://imgur.com/a/5XZ9n8q.

    If you would like us to look into it for you, please create temporary admin logins and post them here privately :)

    Cheers!
    Yigit

    July 6, 2022 at 5:54 pm #1357426
    oestersund

    Hey,
    ok, now I´ve got it :-) And how can I make the space bigger befoer & after ” | “? simply adding space does not show any effect

    July 6, 2022 at 6:02 pm #1357427
    Yigit

    Hey,

    Great!

    Please wrap | inside a span tag as following 

    
<span class="header-sep">|</span>

    and then add following code to bottom of Quick CSS field 

    .header-sep { margin: 0 10px; }

    Best regards,
    Yigit

    • This reply was modified 2 years, 4 months ago by Yigit.
    July 6, 2022 at 6:16 pm #1357432
    oestersund

    Hey Yigit,
    cool, now it´s fine :-)

    Thx a lot & cheers, Tilman

    July 6, 2022 at 7:14 pm #1357439
    Yigit

    Hi,

    You are welcome, Tilman!

    Let us know if you have any other questions and enjoy the rest of your day :)

    Best regards,
    Yigit

  • Author
    Posts
Viewing 8 posts - 1 through 8 (of 8 total)
  • The topic ‘symbol position and space adding in top bar above navi’ is closed to new replies.