Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • January 9, 2020 at 8:59 am #1171716
    vaishalifulsundar

    Hi,

    I am unable to change the main menu items font to a font family ‘entypo-fontello’
    Please check the private content for details.

    Thanks
    Swathi

    January 9, 2020 at 5:32 pm #1171881
    Yigit

    Hey,

    Could you please post a link to your page and a screenshot showing the changes you would like to make? You can upload your screenshots on imgur.com or Dropbox public folder and post the links here :)

    Best regards,
    Yigit

    January 10, 2020 at 8:42 am #1172079
    vaishalifulsundar

    Hi,

    I am sending you all the details as private content . Please check.

    Thanks
    Swathi

    January 10, 2020 at 1:24 pm #1172145
    Yigit

    Hi,

    Sorry i am still not clear on the changes you would like to make. Would you like to add icons to your menu? If so, please refer to this post – https://kriesi.at/documentation/enfold/menu/#add-icons-to-menu-item

    Best regards,
    Yigit

    January 24, 2020 at 6:59 am #1178005
    vaishalifulsundar

    Hi,

    I am still unable to change the font (font-family) for the main menu items. please check the private content. I want to change the ‘font-family’ to entypo-fontello. I dont want icon in the main menu . Just want to change the font-family to entypo-fontello. Please
    help me with the css.
    Thanks
    Swathi

    January 27, 2020 at 8:16 am #1178591
    vaishalifulsundar

    can some one please assist ?

    January 27, 2020 at 1:39 pm #1178691
    Mike

    Hi,
    Sorry for the late reply, I see that there is some confusion here, “entypo-fontello” is not a font for text, it is a font file that contains svg icons, for your content: "\e894"; so “entypo-fontello” can not be applied to text and work.
    In your screenshot the font for the text is “open sans” and the font to create the icon is “entypo-fontello”
    2020-01-27-061700
    The “entypo-fontello” only applys to the pseudo-element “:before” which displays the icon.
    So to use the css that you posted above you need to include the pseudo-element “:before” like this:

    #top #header .main_menu ul:first-child > li > a:before {
font-family: entypo-fontello;
content: "\e894";
font-size: 16px;
padding-right: 5px;
}

    2020-01-27-063026
    I removed the text-transform: uppercase; because it does nothing for “entypo-fontello”.
    I hope this helps.

    Best regards,
    Mike

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