How to change menu icons on BeTheme Finance

thedanielthorne · June 2015

How can you edit the icons that go along side the menus in the theme. Can this be done in a settings area in the theme or does it need to be custom edited. Thanks

Albert · June 2015

Hi,

you can change these icons under Theme options > Custom CSS & JS > Custom CSS section.

haegeman · February 2016

Hi,

How can I adapt the the CSS if I add a new page/menu ?

For exemple, I have tried to replace "testimonials" trough "company" (who is the name of one of my page) without succes.

.menu-testimonials {

background: url("wp-content/uploads/2015/01/home_finance_menu_icon4.png") no-repeat 8px center; }

.menu-company {

background: url("wp-content/uploads/2015/01/home_finance_menu_icon4.png") no-repeat 8px center; }

Can you please help me ?

Thanks,

Stéphane

Albert · February 2016

@haegeman Sorry but we don't get what exactly and where you want to replace.

haegeman · February 2016

Hi,

I want to add an icon in front of each point of the menu.

For now, it work with the existing point of menu of the demo content. If I create a new page in the menu, I can't add an icon in front of this.

Thanks,

Stéphane

Albert · February 2016

For the new menu items, you need to set class name first under Appearance > Menus section and then you can wrote custom css. Just check how we set it for the existing items.

haegeman · February 2016

Hi,

I'm sorry but I don"t find where to set class name in the menus section. I only see Navigation Label; andTitle Attribute.

Albert · February 2016

Click on "Screen Options" in the right top corner then. This is default wp option, it's not something what comes with this theme only.

haegeman · February 2016

Great!

Thanks

Albert · February 2016

You're welcome!

How to change menu icons on BeTheme Finance

Comments