Edit my account page

Hello ..
I want to change the wallet icon on the account page, and add icons to dashboard the account tabs
I add the CSS code to Global Custom CSS, but the icon does not appear and its place appears in a square

.woocommerce-MyAccount-navigation-link a:before{
    font-family: FontAwesome;
    color: #000;
    margin-bottom: 10px;
    font-size: 12px;
    line-height: 12px;
	margin-right: 8px;
    -webkit-transition: color .25s ease;
    transition: color .25s ease;
}
.woocommerce-MyAccount-navigation-link--edit-account a:before{
    content: "\f2bd";
}

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
     content: '\f2bd';
}

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

——————

I want to display the Account Control Panel tabs .. on mobile only
Each two tabs are next to each other , such
dashboard orders
addresses my wallet
Account Wishlist

Greetings

Attachments:

You must be logged in to view attached files.

I have changed font-family: FontAwesome; .. to font-family: “Font Awesome 5 Free”
and icons appeared

.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
     font-family: "Font Awesome 5 Free"
     content: '\f2bd';
}

——
stayed

I want to display the Account Control Panel tabs .. on mobile only
Each two tabs are next to each other , such
dashboard —- orders
addresses —- my wallet
Account —— Wishlist

Greetings

Attachments:

You must be logged in to view attached files.

Hello,

The HTML structure does not allow it to do it with CSS. It would require Woocommerce customization that is not covered by our support.

Best Regards

[Author]

Posts