Page "My account"

Hello,

I saw the screenshot you attached. The icons are not there by default as you can see in the screenshot.

Screenshot for Clarification: https://ibb.co/KF8s0mB

If you are asking for anything else then provide with URL of the page where these icons are added to check it myself and help you out accordingly.

Best Regards.

Hello,

I have tried to login to your website but was unable to login. Please provide correct login details to check it myself and help you out accordingly.

Screenshot for Clarification: https://ibb.co/tXTqTT4

Best Regards.

Hello,

I have visited your website. It seems that you have added icons to the specific links in the My account page using CSS.

Screenshot for Clarification: https://ibb.co/w4nFW19

To change the big icons on the my account dashboard you need to add the following Custom CSS code.

For example the following CSS will change the icon of orders in the dashboard.

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

If you want to change the specific icon then provide with some relevant screenshot to check it myself and help you out accordingly.

Best Regards.

Hello,

I saw the screenshot you attached.

1) For the my wallet icon use the following Custom CSS.

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

2) For Observations add the following Custom CSS.

.woodmart-my-account-links .watchlist-link a::before {
content: "\f437";
font-family: woodmart-font;
}

3) For My Bids.

.woodmart-my-account-links .bids-link a::before {
content: "\f437";
font-family: woodmart-font;
}

4) For Notifications.

.woodmart-my-account-links .auctions-endpoint-link a::before {
content: "\f437";
font-family: woodmart-font;
}

5) For Subscription.

.woodmart-my-account-links .followings-link a::before {
content: "\f437";
font-family: woodmart-font;
}

6) For the Support Ticket.

.woodmart-my-account-links .support-tickets-link a::before {
content: "\f437";
font-family: woodmart-font;
}

7) For Questions.

.woodmart-my-account-links .inquiry-link a::before {
content: "\f437";
font-family: woodmart-font;
}

Best Regards.

Hello,

You are Most Welcome.

In your previous screenshot you haven’t mentioned the 1,2,3 icons that’s why I haven’t provided the CSS.

1) For the address add the following Custom CSS.

.woodmart-my-account-links .edit-address-link a::before {
content: "\f436";
font-family: woodmart-font;
}

2) For the Wishlist link.

.woodmart-my-account-links .wishlist-link a::before {
content: "\f004";
font-family: "Font Awesome 5 Free";
}

3) For Logout link.

.woodmart-my-account-links .customer-logout-link a::before {
content: "\f434";
font-family: woodmart-font;
}

4) The Following CSS will add an icon to the sidebar links.

For example the below CSS will change the icon for the dashboard link in the sidebar.

.woocommerce-MyAccount-navigation > ul li.woocommerce-MyAccount-navigation-link--dashboard a::before {
content: "\f434";
font-family: woodmart-font;
}

You can modify the class of the icon and change the icon of the element you want.

Screenshot for Clarification: https://ibb.co/vBpw5hr

Then you need to add the class that you copied in the CSS above as in the example:

.woocommerce-MyAccount-navigation > ul li."woocommerce-MyAccount-navigation-link--dashboard" a::before

You need to place the Class in the double quotes.

Best Regards.