Page "My account"

How can I add icons to my account menu? some lines already have icons

Attachments:

You must be logged in to view attached files.

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.

I need a way to add icons to menu No. 1, I need a way to change icons in blocks No. 2.
Username and password added in private content

Attachments:

You must be logged in to view attached files.

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.

Sorry, please check private content

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 need to add icons for selected items.

Attachments:

You must be logged in to view attached files.

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.

Thank you, I changed the line font-family: woodmart-font; in the font family: “Font Awesome 5 Free”; and the icons have changed in blocks. Numbers 1, 2, 3 I cannot change and cannot add icons on the left side panel (number 4), write how to do this, please

Attachments:

You must be logged in to view attached files.

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.

[Author]

Posts