Adding icons to sidebar menu

[DrYohann]

Hi, I can’t seem to add icons to the sidebar menu as seen on this page:
http://www.networkquebec.ca/CCN/consultation-sans-frais/

Questions:
How can I change the little > to something more stylish ?
How can I make the icon go in front of the text ?
Can I increase the width between lines in that menu ?

The Appearance-Menu part has different options, it currently says icon should be ss-star… yet it doesn’t show. Just adding that in in case it helps.

Thank you.

Yohann

[Kyle – SUPPORT]

Hi

1) What would you like to change it to?

2) Add this to your custom css:

.widget_categories ul > li a:before, .widget_archive ul > li a:before, .widget_nav_menu ul > li a:before, .widget_meta ul > li a:before, .widget_recent_entries ul > li a:before, .widget_product_categories ul > li a:before, .widget_edd_categories_tags_widget ul li a:before, .widget_display_replies ul li a:before, .widget_display_forums ul li a:before, .widget_display_topics ul li a:before {
  float: left;
  margin-right: 10px;
}

3) That option is for the main nav only

– Kyle

[DrYohann]

Hi,

ok so now the icons are on the left. Thanks !

Can I make it so only the active page from the menu has the icon ?

[laranz – SUPPORT]

Hi,

Try this Custom CSS,

.widget_nav_menu .current-menu-item a:before { display: block; }
.widget_nav_menu ul li a:before { display: none; }

Let us know,

Thanks,
laranz.