Skip to content

Instantly share code, notes, and snippets.

@gorobey
Forked from abaicus/WooCommerce-My-Account.css
Created April 27, 2021 10:33
Show Gist options
  • Save gorobey/e2a5aa16c9f6a206e74dd93a44f825fb to your computer and use it in GitHub Desktop.
Save gorobey/e2a5aa16c9f6a206e74dd93a44f825fb 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;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment