Skip to content

Instantly share code, notes, and snippets.

@feastdesignco
Created December 6, 2018 12:54
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save feastdesignco/919821a98edf6050e9bce2c675c8c1f2 to your computer and use it in GitHub Desktop.
Save feastdesignco/919821a98edf6050e9bce2c675c8c1f2 to your computer and use it in GitHub Desktop.
foodiepro-woocommerce
/*
* Woocommerce styling removed from FoodiePro 4.0.0 due to low usage across all sites - saved 4 kb CSS
* We don't recommend for food blogs: https://feastdesignco.com/how-to/set-up-woocommerce-shop-genesis/
* If you have woocommerce and need this, add it to your Appearances > Customize > Additional CSS tab
*/
/* WooCommerce
--------------------------------------------- */
.woocommerce #respond input#submit,
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
background-color: #fff !important;
border: 1px solid #010101 !important;
-webkit-border-radius: 0 !important;
border-radius: 0 !important;
color: #010101 !important;
cursor: pointer;
font-size: 11px !important;
font-weight: 300 !important;
letter-spacing: 2px !important;
padding: 17px 23px !important;
width: auto !important;
}
.woocommerce a.button {
margin-right: 10px !important;
}
.woocommerce #respond input#submit:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
background-color: #010101 !important;
border-color: #010101 !important;
color: #fff !important;
}
.woocommerce div.product .woocommerce-tabs ul.tabs li a {
font-size: 10px;
font-weight: 300 !important;
letter-spacing: 2px;
text-transform: lowercase;
}
.woocommerce .woocommerce-message::before,
.woocommerce .woocommerce-info::before,
.woocommerce div.product p.price,
.woocommerce div.product span.price,
.woocommerce ul.products li.product .price,
.woocommerce form .form-row .required {
color: #010101 !important;
}
.woocommerce .woocommerce-message,
.woocommerce .woocommerce-info {
border-top-color: #010101 !important;
}
.woocommerce span.onsale {
background-color: #010101 !important;
font-size: 10px !important;
padding: 4px 7px !important;
}
.woocommerce-cart table.cart img {
width: 100px !important;
}
.woocommerce ul.cart_list li,
.woocommerce ul.product_list_widget li,
.woocommerce-page ul.cart_list li,
.woocommerce-page ul.product_list_widget li {
float: left;
padding: 1% !important;
width: 33.3333%;
}
.sidebar .woocommerce ul.cart_list li,
.sidebar .woocommerce ul.product_list_widget li,
.sidebar .woocommerce-page ul.cart_list li,
.sidebar .woocommerce-page ul.product_list_widget li {
float: left;
padding: 1% !important;
width: 50%;
}
.woocommerce.archive ul.products li.product,
.woocommerce-page ul.products li.product {
text-align: center;
}
.woocommerce ul.cart_list li img,
.woocommerce ul.product_list_widget li img {
width: 100% !important;
}
.woocommerce-checkout #payment ul.payment_methods li {
list-style: none;
}
.woocommerce-page input[type="checkbox"],
.woocommerce-page input[type="radio"] {
width: auto;
}
.woocommerce ul.products li.product .price del,
.woocommerce div.product p.price del,
.woocommerce div.product span.price del {
display: inline !important;
}
.woocommerce .quantity .qty {
padding: 17px 0 !important;
}
.woocommerce-page table.cart td.actions .input-text {
width: 120px !important;
}
.woocommerce-cart table.cart td.actions .coupon .input-text {
padding: 15px 10px !important;
text-align: center;
}
.woocommerce-checkout #payment {
background-color: #f7f9fc !important;
}
.woocommerce .product-title {
font-size: 10px;
font-weight: 300;
letter-spacing: 1px;
text-transform: uppercase;
}
.woocommerce form .form-row textarea {
height: 50px !important;
}
.woocommerce div.product .woocommerce-tabs {
display: block;
margin: 10px 0 !important;
padding: 0;
}
.product_meta,
.product_meta a {
border: 0;
color: #bbb;
font-size: 9px;
font-weight: 300;
letter-spacing: 2px;
text-transform: uppercase;
}
.woocommerce .related {
clear: both;
display: block;
}
.foodie-pro .wcmenucart-contents {
color: #bbb;
font-size: 11px;
letter-spacing: 1px;
text-transform: lowercase;
}
.foodie-pro .woocommerce form.checkout_coupon,
.foodie-pro .woocommerce form.login,
.foodie-pro .woocommerce form.register {
background: #f7f9fc;
border: 0 solid #d3ced2;
-webkit-border-radius: 5px;
border-radius: 5px;
margin: 2em 0;
padding: 20px;
text-align: left;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment