Support » Plugin: WP SVG Icons » SVG icons in menu item
SVG icons in menu item
-
i use artisteer theme & i try to put SVG icons in top menu item but i canut see the icon
can you help me please?
-
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.
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 iconthe site is here
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; }
Sorry
http:// Try AgainThis should work via CSS:
.menu-item-76 > a:before { content: "\e0f8"; color: #333333; font-family:wp-svg-plugin-icon-set1; margin-right:5px; }
did you mean to Put that code in ‘CSS Classes’ field of nav-menu or in ‘style.css’ file?
in style.css
OK its works
what about the other icons in other pages?
seems it’s do not work
What do you mean? It looks like it is working here
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.
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?
I think you need to contact the theme author of the Artisteer theme and let them know.
Artisteer it’s generator of theme program
it there something to do ?
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.
- The topic ‘SVG icons in menu item’ is closed to new replies.