Woocommerce My account navigation area

Shapely
1

Hi,

How do you remove styling from the woocommerce MyAccount navigation area.

This is the left menu section once a user have logged in.

Thanks

2

Hi @shahidul,

Thank you for your question.

Which styling do you want to remove from it as by default it displays without any style as shown in the attached screenshot?

Please advise.

Best Regards,
Movin

3

I would like to remove the bullet points and underline that appears on hover state. I would just like it to change color between states.

4

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Shapely Options -> Other


body.woocommerce-account .woocommerce-MyAccount-navigation li {
    list-style: none;
}
body.woocommerce-account .woocommerce-MyAccount-navigation ul {
    margin-left: 0;
}
body.woocommerce-account .woocommerce-MyAccount-navigation a:hover {
    text-decoration: none;
    color: #000;
}

Please change the color value in the above code to whatever you want to use by referring the following pages.

http://www.w3schools.com/html/html_colors.asp
http://www.w3schools.com/html/html_colorvalues.asp
http://www.w3schools.com/tags/ref_colorpicker.asp