custom my account page

hello,
1. can you say me how i can add new tag to side bar menu with track order shortcode on my account page?
2. how i can manage icons colors at dashboard on my account page?
3. how I can add icons to menu fields?
4. how my customers can download them photo to my account page?
5. how i can make round color border for account picture?
Thank you so much.

Attachments:

You must be logged in to view attached files.

Hello,

Use following code to customize my account page. You can choose desired icons on this page: http://simplelineicons.com/

1) Change icons color

.basel-my-account-links div a:before{
    color: #000;
}

2) Icons in myaccount menu

.woocommerce-MyAccount-navigation-link a:before{
    font-family: Simple-Line-Icons;
    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: "\e09a";
}
.woocommerce-MyAccount-navigation-link--my-tickets a:before{
    content: "\e09a";
}

3) Avatar border

.basel-user-panel > .basel-user-panel .user-avatar img{
    border: 2px solid #000;
}

4) Icons change

.my-tickets-link a:before{
    content: "\e09a";
}
.new-ticket-link a:before{
    content: "\e09a";
}

Kind Regards
XTemos Studio

Nice. Thank you a lot.
1.Can you say me please how I can add one more tag to side bar on my account page. I need to put there woocommerce track order.
2. Which file in I should do this changes?
Thanks

All codes can be added to the Custom CSS section in Theme Settings.

This menu comes with WooCommerce and can’t be managed in the way other WordPress menus work via Appearance -> Menus. Here is an article that should help you to edit this menu https://rudrastyh.com/woocommerce/my-account-menu.html

Regards

Hey. Thank you for your understanding and support. Really so difficult for me but I try.
Look.
1.You wrote me this css code for changing icons:
.my-tickets-link a:before{
content: “\e09a”;
}
And you gave me link to icons. I chosen one: .icon-direction
I put it to code like this:
.my-tickets-link a:before{
content: “.icon-direction”;
}

Its doesnt work. Please give me idea.

2. I bought plugin Customize my account page. Its so difficult to integrate. But them support theme will help me. So what I want to ask you (because its came with your theme):
I need to add icons with links same like in side bar menu on my account page to dashboard panel. Can you say me just file where is locate it and show me example of code to add icon with link to content. Look screenshot and I think you can understand.

Thank you. If I can take answer it will be final questions from me and good rates because I almost finish my website.

Attachments:

You must be logged in to view attached files.

Hi,

1. Use this code

.my-tickets-link a:before{
content: "\e042";
}

2. The code for that icons is located in the file inc/woocommerce.php. PHP function is called – woodmart_my_account_links().

Kind Regards

[Author]

Posts