.woocommerce ul.products.columns-3 li.product, .woocommerce-page ul.products.columns-3 li.product {
    width: 30.75%;
}
.woocommerce ul.products li.product, .woocommerce div.product div.images .woocommerce-product-gallery__wrapper{
	background: #FFFFFF!important;
    border-radius: 10px!important;
    padding: 31px 17px!important;
    margin-bottom: 14px!important;
}
.woocommerce ul.products li.product a img, .woocommerce div.product div.images img{
	
    justify-content: center;
    display: flex !important;
    margin-bottom: 16px !important;
    min-height: 110px;
    align-items: center;
    width: 66px !important;
    height: 93px !important;
    margin: auto !important;
}
.woocommerce ul.products li.product .woocommerce-loop-category__title, .woocommerce ul.products li.product .woocommerce-loop-product__title, .woocommerce ul.products li.product h3{
	line-height: 1.4;
    font-size: 18px!important;
	color:#000!important;
}

span.price{
	    color: var(--color-dark)!important;
    line-height: 1.4!important;
    font-weight: 700!important;
}
.woocommerce ul.products li.product .button, .woocommerce div.product form.cart .button,.product_type_variable {
    border: 2px solid var(--color-secondary)!important;
    font-size: 12px!important;
    font-weight: 700!important;
    color: var(--color-secondary)!important;
    display: inline-flex!important;
    padding: 7px 14px!important;
    border-radius: 10px!important;
	background:none!important;
}
.woocommerce form .form-row .optional{
    display: none ;
}
Skip to content
 
Search Gists
Search...
All gists
Back to GitHub
Sign in
Sign up
Instantly share code, notes, and snippets.

@abaicus
abaicus/WooCommerce-My-Account.css
Last active 3 days ago
Code
Revisions
2
Stars
12
Forks
6
Clone this repository at <script src="https://gist.github.com/abaicus/c11ad37265162a436aeb0d89f7a2310d.js"></script>
<script src="https://gist.github.com/abaicus/c11ad37265162a436aeb0d89f7a2310d.js"></script>
WooCommerce-My-Account.css
/**
 * My Account
 */

.woocommerce-account .woocommerce-MyAccount-navigation {
	width: 20%;
}

.woocommerce-account .woocommerce-MyAccount-content {
  display: inline-block;
  float: left;

  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;
}