Return to previous page

Tab icons on the My Account page, plugins Marketking and Terrawallet

This topic has 5 replies, 2 voices, and was last updated 1 months, 3 weeks ago ago by WooPlay

WooPlay

Participant

October 10, 2025 at 04:30

Hi, I use Marketking and Terrawallet plugins and I can’t add icons to the tabs of my account page, there are no such tabs in the Elementor plugin.

#456899 Copied

4 Answers

Luca Rossi

Support staff

October 10, 2025 at 10:50

Hi @WooPlay,

Please try adding this custom CSS under XStore > Theme Options > Theme Custom CSS > Global CSS:


body .woocommerce-MyAccount-navigation-wrapper li a::after{
    font-family: xstore-icons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 16px !important;
    height: 16px !important;
    position: absolute;
    left: 8px;
}

li.woocommerce-MyAccount-navigation-link--messages a,
li.woocommerce-MyAccount-navigation-link--favorite a,
li.woocommerce-MyAccount-navigation-link--refunds a,
li.woocommerce-MyAccount-navigation-link--woo-wallet a
{
    padding-left: 28px;
}
li.woocommerce-MyAccount-navigation-link--messages a::after {
    content: "\e937" !important;
}

li.woocommerce-MyAccount-navigation-link--favorite a::after {
    content: "\e937" !important;
}

li.woocommerce-MyAccount-navigation-link--refunds a::after {
    content: "\e937" !important;
}

li.woocommerce-MyAccount-navigation-link--woo-wallet a::after {
    content: "\e937" !important;
}

You can replace the e937 with the list of icons here: https://justpaste.it/cy7ne

Kind regards,
The 8Theme Team

#456940 Copied

WooPlay

Participant

October 10, 2025 at 15:15

it worked! BUT… there was a problem with the pop-up sidebar

#456958 Copied

Luca Rossi

Support staff

October 11, 2025 at 05:28

Hi @WooPlay,

Please update the previous CSS codes to this:


body .woocommerce-MyAccount-navigation-wrapper li a::after{
    font-family: xstore-icons !important;
    speak: never;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    width: 16px !important;
    height: 16px !important;
    position: absolute;
    left: 8px;
}

body .woocommerce-MyAccount-navigation-wrapper li.woocommerce-MyAccount-navigation-link--messages a,
body .woocommerce-MyAccount-navigation-wrapper li.woocommerce-MyAccount-navigation-link--favorite a,
body .woocommerce-MyAccount-navigation-wrapper li.woocommerce-MyAccount-navigation-link--refunds a,
body .woocommerce-MyAccount-navigation-wrapper li.woocommerce-MyAccount-navigation-link--woo-wallet a
{
    padding-left: 28px;
}
body .woocommerce-MyAccount-navigation-wrapper li.woocommerce-MyAccount-navigation-link--messages a::after {
    content: "\e937" !important;
}

body .woocommerce-MyAccount-navigation-wrapper li.woocommerce-MyAccount-navigation-link--favorite a::after {
    content: "\e937" !important;
}

body .woocommerce-MyAccount-navigation-wrapper li.woocommerce-MyAccount-navigation-link--refunds a::after {
    content: "\e937" !important;
}

body .woocommerce-MyAccount-navigation-wrapper li.woocommerce-MyAccount-navigation-link--woo-wallet a::after {
    content: "\e937" !important;
}

Hope it helps!

#456999 Copied

WooPlay

Participant

October 11, 2025 at 05:36

Thanks for the support! My topic “Tab icons on the My Account page, plugins Marketking and Terrawallet” has been successfully resolved.

#457001 Copied

Viewing 5 results - 1 through 5 (of 5 total)

The issue related to '‘Tab icons on the My Account page, plugins Marketking and Terrawallet’' has been successfully resolved, and the topic is now closed for further responses

Tab icons on the My Account page, plugins Marketking and Terrawallet

Explore our best WordPress WooCommerce Themes collection