Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • September 3, 2018 at 8:35 am #1004815
    nadjak77

    Hi,

    I want to display an icon with CSS.
    This is the code:

    .header_mail  .avia-menu-text:before {
font-family: 'entypo-fontello';
content: " \ue805";
color:#877a65;
font-size:18px;
}

    But the icon is not shown. Only “ue805”.
    I think the font is not loaded, but if I use the shortcode for the icons, the icon is displayed.
    Can you help me, where I have the mistake?
    Thank you
    Nadja

    September 3, 2018 at 9:13 am #1004819
    Guenni007

    get rid of the u !

    .header_mail  .avia-menu-text:before {
font-family: 'entypo-fontello';
content: " \e805";
color:#877a65;
font-size:18px;
}

    and maybe it is important to position it a bit in relation to the text:

    .header_mail  .avia-menu-text:before {
font-family: 'entypo-fontello';
content: " \e805";
color:#877a65;
font-size:18px;
position:relative;
top: 4px;
padding-right: 5px
}

    play a bit with top and padding

    September 3, 2018 at 9:36 am #1004825
    nadjak77

    Thank you so much!
    Now it works.
    Nadja

    September 3, 2018 at 11:14 am #1004855
    Rikard

    Hi Nadja,

    Great, glad you got it working and thanks to @guenni007 for helping out.

    Please let us know if you should need any further help on the topic or if we can close it.

    Best regards,
    Rikard

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