Skip to content

Instantly share code, notes, and snippets.

@abaicus
Last active October 21, 2024 02:55
Show Gist options
  • Save abaicus/c11ad37265162a436aeb0d89f7a2310d to your computer and use it in GitHub Desktop.
Save abaicus/c11ad37265162a436aeb0d89f7a2310d to your computer and use it in GitHub Desktop.
/**
* My Account
*/
.woocommerce-account .woocommerce-MyAccount-navigation {
width: 20%;
}
.woocommerce-account .woocommerce-MyAccount-content {
display: inline-block;
float: left;
margin-left: 5%;
width: 75%;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul {
padding: 0;
border-top: 1px solid #eee;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li {
list-style: none;
border-bottom: 1px solid #eee;
padding-bottom: 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a:before {
opacity: 1;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a {
padding: 10px 5px;
display: block;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:before {
margin-right: 20px;
opacity: .25;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li a:hover:before {
opacity: 1;
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
font-family: 'FontAwesome';
content: "\f0e4";
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
font-family: 'FontAwesome';
content: "\f291";
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--downloads a:before {
font-family: 'FontAwesome';
content: "\f1c6";
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
font-family: 'FontAwesome';
content: "\f015";
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
font-family: 'FontAwesome';
content: "\f09d";
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
font-family: 'FontAwesome';
content: "\f007";
}
.woocommerce-account .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--customer-logout a:before {
font-family: 'FontAwesome';
content: "\f08b";
}
.woocommerce-account .woocommerce-MyAccount-content h2 {
font-size: 25px;
text-align: center;
font-weight: 600;
}
.woocommerce-account p.order-again {
text-align: right;
}
.woocommerce-account .woocommerce-EditAccountForm input[type="submit"] {
margin-top: 50px;
float: right;
}
@devanand10035
Copy link

Thanks

@narendrasaanvi
Copy link

thanks

@TheLordSide
Copy link

thanks a lot

@nalinvyas
Copy link

You just saved me 2-3 hours of hit and trial. Thank you.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment