Awesome Font

Home Forums Accelerate Free Awesome Font

This topic contains 8 replies, has 3 voices, and was last updated by  christinecoppin 2 years ago.

Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #1195387

    christinecoppin
    Participant

    Hello!
    I wish to add a custom menu with an icon to harmonize with the theme. But I don’t know how to do that. Thanks for your help!

    Christine

    #1195506

    Bishal Napit
    Moderator

    @christinecoppin

    You need to edit the menu and add the font-awesome class there according to your requirement. For eg: add the icon like this: <i class="fa fa-amazon"></i> followed by your custom menu text. Thanks.

    #1195607

    christinecoppin
    Participant

    Thanks but why I don’t find any <i class=”…..”></i> in the source cade of the theme?

    #1195642

    Bipin Singh
    Moderator

    Hi Christinecoppin,

    We have included Font Awesome in the theme so that your can directly use the the font-awesome icon class. To do so Edit the menu, add the Custom Links and in the “Navigation Label” you need to add the icon class in this way <i class="fa fa-cog"></i>.
    Hope this is clear now.
    We will really appreciate if you help us too by rating our theme in WordPress repo here: https://wordpress.org/support/view/theme-reviews/accelerate.

    Thank you.

    #1195780

    christinecoppin
    Participant

    Thanks for your reply! I’ve managed to add an icon for the list item (thanks for the help!) but not for the title of the navigation.There is no field for a css for the name of the navigation menu. What do you mean by “Navigation label”?
    Thanks!

    #1195808

    Bipin Singh
    Moderator

    Hi,

    Add a menu as mention above and click the menu item and your will see two field, one being “Navigation label”.
    Please look for it.

    Thank you.

    #1195944

    christinecoppin
    Participant

    Ok, thanks for your reply. In fact, I was talking about this code. When I change de content to change the awesome icon, it does’nt work (the\ doesn’t stay)
    #secondary .widget_nav_menu h3 span:before, .footer-widgets-area .widget_nav_menu h3 span:before {
    content: “\f0c9”;
    font-size: 21px;
    }

    Thanks for your help!

    #1195975

    Bipin Singh
    Moderator

    Hi,

    So, now it is solved?
    If not, than please mention what you exactly want to do. If possible, provide us the sample/screenshot.

    Thank you.

    #1196040

    christinecoppin
    Participant

    Hello!
    No I don’t manage to find the css to change the icon of my custom menu in my side-bar. screenshot custom menu in my sidebar

    Thanks for your help!
    Christine

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

You must be logged in to reply to this topic.