My Account Dashboard Icons

I have two my account submenu pages I’ve added. I was able to figure out how to add FontAwesome icons to the sidebar menu on the page, but I can’t figure out how to use CSS to change the icons for the Dashboard icons menu.

How can I use CSS to change the font to FontAwesome instead of “woodmart-font” and use any icon I want from here? https://fontawesome.com/v4.7.0/icons/

See attached.

Attachments:

You must be logged in to view attached files.

Hello,

You need to check each element and take the code, change the content and font-family http://prntscr.com/ls9l6v

Best Regards

So I change that font family to font-awesome and then use the code from the font awesome website for whatever icon I want?

Hello,

Yes, you are right

1. Find the code: http://prntscr.com/lsdb18

2. Insert it into the Theme Settings > Custom CSS > Global

body .woodmart-my-account-links .orders-link a:before {
    content: "\f069";
    font-family: FontAwesome;
}

3. Change content and font-family, add body before the selector

Best Regards

[Author]

Posts