WooCommerce Style Fix
.woocommerce h2.woocommerce-loop-product__title {
line-height: normal;
}
.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span {
min-width: 40px;
min-height: 40px;
padding: 0;
line-height: 40px;
}
.quantity input[type="number"] {
padding: 0;
height: 56px;
border-radius: 3px;
}
.checkout_coupon input.input-text {
padding: 10px 20px;
height: 56px;
border-radius: 3px;
}
.single-product .swm-post-meta,
.single-product .swm-post-single-pagination,
.single-product .swm-single-section,
.single-product .swm-tags-pagination-border {
display: none;
}
.single-product .swm-post-content-block {
padding-bottom: 0;
margin-bottom: 0;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
padding: 5px 20px;
min-width: 130px;
height: 56px;
}
.swm-site-content li.woocommerce-info {
padding: 1em 2em 1em 3.5em;
}
ul.wc_payment_methods li label {
display: inline-block;
}
a.added_to_cart.wc-forward {
margin: 10px;
}
.woocommerce table.woocommerce-product-attributes td {
padding-left: 8px;
padding-right: 8px;
}
.woocommerce table.my_account_orders .button {
margin: 5px 5px 5px 0;
}
.woocommerce-account .woocommerce-MyAccount-navigation,
.woocommerce-account .woocommerce-MyAccount-content {
float: none;
width: 100%;
}
.woocommerce-account .woocommerce-MyAccount-navigation {
border: 2px solid #e6e6e6;
margin-bottom: 30px;
padding: 10px 0;
text-align: center;
}
.woocommerce-MyAccount-navigation ul li {
margin: 0 0.6em;
}
.woocommerce-MyAccount-navigation ul li.is-active {
font-weight: bold;
}
.related.products h2,
.woocommerce-tabs .woocommerce-Tabs-panel h2 {
font-size: 20px;
line-height: normal;
}
.woocommerce-order-details .woocommerce-order-details__title,
.woocommerce-customer-details .woocommerce-column__title {
font-size: 27px;
}
.woocommerce-account .addresses .title h3 {
font-size: 20px;
margin-bottom: 10px;
}
.woocommerce-tabs {
margin-bottom: 40px;
}
.woocommerce button.button:disabled,
.woocommerce button.button:disabled[disabled] {
height: 56px;
padding: 13px 35px;
}
.woocommerce-form.woocommerce-form-login.login {
max-width: 600px;
margin: 0 auto;
padding: 40px;
}
p.woocommerce-LostPassword.lost_password {
margin: 0;
}
.woocommerce-account .woocommerce h2 {
text-align: center;
}
@media only screen and (max-width: 767px) {
.woocommerce-MyAccount-content .u-column1.col-1.woocommerce-Address {
margin-bottom: 30px;
}
.woocommerce-form.woocommerce-form-login.login {
padding: 20px;
}
}
/* Styling */
/* Product Single "Add to Cart" button */
.woocommerce .button.single_add_to_cart_button.alt {
background: #d83030;
color: #ffffff;
}
.woocommerce .button.single_add_to_cart_button.alt:hover {
background: #252628;
color: #ffffff;
}
/* Product Single Price Text */
.woocommerce div.product p.price,
.woocommerce div.product span.price {
color: #d83030;
}
/* Cart Page "Proceed to Checkout" Button */
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button {
background: #d83030;
color: #ffffff;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover {
background: #252628;
color: #ffffff;
}
/* Cart Page "Apply coupon" and "Update cart" Button */
.woocommerce-cart-form__contents button.button:hover {
background: #d83030;
color: #ffffff;
}
/* Checkout Page "Place order" button */
.woocommerce #payment #place_order {
background: #d83030;
color: #ffffff;
}
.woocommerce #payment #place_order:hover {
background: #252628;
color: #ffffff;
}
/* Checkout Page "Apply coupon" button */
.checkout_coupon.woocommerce-form-coupon button.button {
background: #d83030;
color: #ffffff;
}
.checkout_coupon.woocommerce-form-coupon button.button:hover {
background: #252628;
color: #ffffff;
}
/* My Account Page "Save Changes" button */
.woocommerce-EditAccountForm button.woocommerce-Button {
background: #d83030;
color: #ffffff;
}
.woocommerce-EditAccountForm button.woocommerce-Button:hover {
background: #252628;
color: #ffffff;
}
/* Login page "Log in" button */
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit {
background: #d83030;
color: #ffffff;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover {
background: #252628;
color: #ffffff;
}
/*My Account Navigation*/
.woocommerce-MyAccount-navigation ul li a {
color: #676767;
}
.woocommerce-MyAccount-navigation ul li a:hover {
color: #d83030;
}
.woocommerce-MyAccount-navigation ul li.is-active a {
color: #d83030;
}
.woocommerce-MyAccount-navigation ul li.is-active a:hover {
color: #252628;
}