How can I customize the CSS of the My Account dashboard buttons?

[adubs777]

seems I can’t find the set of css that changes things like the button/link color, background, font size, border, padding, size, etc.

Hopefully you can point me in the right direction. thanks!
https://wishcandle.com/my-account/

[Prasant]

Hello @adubs777,

Thanks for asking.

You can add following CSS under X > Theme Options > CSS:

.woocommerce-account .button, .woocommerce-checkout .button {
    background-color: #ddd;
    color: #fff;
    border-color: #ddd;
    font-size: 20px;
    padding: 1% 8%;
}

Please change color code and values as per your requirement.

Thanks.

[adubs777]

oh, I forgot to specify which buttons I was referring to on the My Account pages but I found it after some tedious inspecting… this was the css I needed for the row of navigation on the account pages.

.woocommerce-MyAccount-navigation-link a {
position: relative;
display: block;
margin: 9px 9px 0 0;
padding: 9px 12px 3px;
font-size: 16px;
line-height: 1.5;
text-align: center;
white-space: nowrap;
color: #502d1e;
border-radius: 3px;
background-color: #ffeac5;
}

thanks

[lely]

Glad you have sorted this out.

Feel free to open a new thread in case you have other questions.