Support » Plugin: WP SVG Icons » SVG icons in menu item

Viewing 15 replies - 1 through 15 (of 27 total)
  • Plugin Author Evan Herman

    (@eherman24)

    HOW did you try and put them in the top menu?

    Can I see a link to your site?

    I am helping out paid customers first, and I will loop back to help you.

    Thread Starter Karem

    (@yair)

    i put this code <span data-icon=""></span> in the page title & page body & menu item – [in ../wp-admin/nav-menus.php inside ‘title’ field]
    but in menu item i didnt see any icon

    the site is here

    Plugin Author Evan Herman

    (@eherman24)

    The link you posted is back to the forums. Place an icon on the page and share the link here, Ill take a look.

    Did the icons work in the page content, and site title?

    The menu items are a bit challanging. Did you look over the directions here (scroll down to adding icons to the menu). The necessary CSS code looks like the following:

    .your-menu-item-class:hover > a:before {
    	content: "\e0f8";
    	color: #FF8000;
    	font-family:wp-svg-plugin-icon-set1;
    	margin-right:5px;
    }

    Thread Starter Karem

    (@yair)

    Sorry
    http:// Try Again

    Plugin Author Evan Herman

    (@eherman24)

    This should work via CSS:

    .menu-item-76 > a:before {
    	content: "\e0f8";
    	color: #333333;
    	font-family:wp-svg-plugin-icon-set1;
    	margin-right:5px;
    }

    Thread Starter Karem

    (@yair)

    did you mean to Put that code in ‘CSS Classes’ field of nav-menu or in ‘style.css’ file?

    Plugin Author Evan Herman

    (@eherman24)

    in style.css

    Thread Starter Karem

    (@yair)

    OK its works

    what about the other icons in other pages?

    seems it’s do not work

    Plugin Author Evan Herman

    (@eherman24)

    What do you mean? It looks like it is working here

    Thread Starter Karem

    (@yair)

    Sorry Evan, i didnt see icons in nav menu [Even after pressing Ctrl+F5]

    for Ex.
    Here

    And Here

    Plugin Author Evan Herman

    (@eherman24)

    This is what you have in your CSS file:

    .menu-item-76 > a:before {
    	content: "\e0f8";
    	color: #333333;
    	font-family:wp-svg-plugin-icon-set1;
    	margin-right:5px;
    }

    You have no .menu-item-76, so therefor there is no icon in the menu.

    Thread Starter Karem

    (@yair)

    my theme it’s Artisteer theme
    when i use ‘Twenty Thirteen’ theme && all default themes of wp – its works without adding any CSS!!!

    what you think about this?

    Plugin Author Evan Herman

    (@eherman24)

    I think you need to contact the theme author of the Artisteer theme and let them know.

    Thread Starter Karem

    (@yair)

    Artisteer it’s generator of theme program

    it there something to do ?

    Plugin Author Evan Herman

    (@eherman24)

    I have no idea, I’ve never heard of it before.

    My best guess, is to remove the menu dividers between each menu item, as they seem to be added via the same method. Which could be causing a conflict.

Viewing 15 replies - 1 through 15 (of 27 total)
  • The topic ‘SVG icons in menu item’ is closed to new replies.