Hi there,
I’m trying to customize the buttons in the woo commerce account page to achieve consistency in terms of design. I’ve styled the buttons before any actions and when hovered. However, I can’t seem to figure out how to style the link when clicked (the text turns black) and I would like to set the active link to the same styling as when hovered over, so people can se which page they are on - can you help med with the correct classes, please?
Muy page is: openframe.org
I’ve used this CSS to achieve my current results:
/woocommerce my account styling of buttons/
.woocommerce-MyAccount-navigation-link a {
color: #1c8fc9;
border: 2px solid #1c8fc9;
background-color: #ffffff;
text-shadow: none;
box-shadow: none;
border-radius: 0.54em;
position: relative;
padding-top: 0.75em;
padding-right: 0.76em;
padding-bottom: 0.75em;
padding-left: 0.76em;
cursor: pointer;
font-size: 0.75em;
line-height: 1.2;
text-align: center;
text-transform: uppercase;
vertical-align: middle;
font-family: “Raleway”,sans-serif;
font-weight: 600;
letter-spacing: 0.25em;
}
.woocommerce-MyAccount-navigation-link a:before {
border:none;
}
.woocommerce-MyAccount-navigation-link a:hover {
color: #ffff;
border: 2px solid #1c8fc9;
background-color: #1c8fc9;
text-shadow: none;
box-shadow: none;
border-radius: 0.54em;
}
Regards,
Carina