From 30e792919b15c9548d76eda6d630f41fd0ac5ace Mon Sep 17 00:00:00 2001 From: Laury GvR Date: Tue, 5 Apr 2016 16:10:48 -0400 Subject: [PATCH] Detail markup centered, space above items --- css/app.css | 546 +++++++++--------- functions.php | 9 +- scss/plugins/_woocommerce.scss | 202 ++++--- .../single-product/add-to-cart/simple.php | 6 +- .../variation-add-to-cart-button.php | 6 +- 5 files changed, 416 insertions(+), 353 deletions(-) diff --git a/css/app.css b/css/app.css index a277237..889c4b0 100644 --- a/css/app.css +++ b/css/app.css @@ -6535,28 +6535,26 @@ main { max-width: 700px; margin: 0 auto; } -.woocommerce { +main.woocommerce, div.woocommerce { font-family: Arial; - /* Sidebar */ - /* End sidebar */ /* General CSS */ /* End General CSS */ /* Product Detail page */ /* End product detail page */ /* Products page */ /* End Products page */ } - .woocommerce ul, .woocommerce ol, .woocommerce li { + main.woocommerce ul, main.woocommerce ol, main.woocommerce li, div.woocommerce ul, div.woocommerce ol, div.woocommerce li { /* list-style: none;*/ } - .woocommerce #woo-quick-display { + main.woocommerce #woo-quick-display, div.woocommerce #woo-quick-display { background-color: white; border-radius: 3px; border: 1px solid lightgrey; padding: 5px; font-size: 16px; margin-bottom: 25px; } - .woocommerce #woo-quick-display > div { + main.woocommerce #woo-quick-display > div, div.woocommerce #woo-quick-display > div { text-align: center; } - .woocommerce #woo-quick-display .button { + main.woocommerce #woo-quick-display .button, div.woocommerce #woo-quick-display .button { border-radius: 3px; display: inline; margin-left: 15px; @@ -6566,16 +6564,16 @@ main { margin: 12px 0 0 18px; background-color: #476e70; color: white; } - .woocommerce #woo-quick-display .button:hover { + main.woocommerce #woo-quick-display .button:hover, div.woocommerce #woo-quick-display .button:hover { background-color: #0f789f; } - .woocommerce #woo-quick-display h3 { + main.woocommerce #woo-quick-display h3, div.woocommerce #woo-quick-display h3 { padding-top: 0; text-align: center; } - .woocommerce #woo-quick-display p { + main.woocommerce #woo-quick-display p, div.woocommerce #woo-quick-display p { margin-bottom: 0; } - .woocommerce ul.products, .woocommerce .products ol, .woocommerce .products dl { + main.woocommerce ul.products, main.woocommerce .products ol, main.woocommerce .products dl, div.woocommerce ul.products, div.woocommerce .products ol, div.woocommerce .products dl { list-style-type: none; } - .woocommerce .woocommerce-error, .woocommerce .woocommerce-info, .woocommerce .woocommerce-message, .woocommerce .woocommerce-noreviews, .woocommerce p.no-comments { + main.woocommerce .woocommerce-error, main.woocommerce .woocommerce-info, main.woocommerce .woocommerce-message, main.woocommerce .woocommerce-noreviews, main.woocommerce p.no-comments, div.woocommerce .woocommerce-error, div.woocommerce .woocommerce-info, div.woocommerce .woocommerce-message, div.woocommerce .woocommerce-noreviews, div.woocommerce p.no-comments { border-left: 0.618em solid transparent; clear: both; margin-bottom: 20px; @@ -6585,324 +6583,287 @@ main { min-height: 55px; padding-top: 7px; line-height: 1.2; } - .woocommerce .woocommerce-error .button, .woocommerce .woocommerce-info .button, .woocommerce .woocommerce-message .button, .woocommerce .woocommerce-noreviews .button, .woocommerce p.no-comments .button { + main.woocommerce .woocommerce-error .button, main.woocommerce .woocommerce-info .button, main.woocommerce .woocommerce-message .button, main.woocommerce .woocommerce-noreviews .button, main.woocommerce p.no-comments .button, div.woocommerce .woocommerce-error .button, div.woocommerce .woocommerce-info .button, div.woocommerce .woocommerce-message .button, div.woocommerce .woocommerce-noreviews .button, div.woocommerce p.no-comments .button { margin: 5px; float: left; padding: 5px; border-radius: 3px; } - .woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt { + main.woocommerce #respond input#submit.alt, main.woocommerce a.button.alt, main.woocommerce button.button.alt, main.woocommerce input.button.alt, div.woocommerce #respond input#submit.alt, div.woocommerce a.button.alt, div.woocommerce button.button.alt, div.woocommerce input.button.alt { background-color: #476e70; color: white; } - .woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover { + main.woocommerce #respond input#submit.alt:hover, main.woocommerce a.button.alt:hover, main.woocommerce button.button.alt:hover, main.woocommerce input.button.alt:hover, div.woocommerce #respond input#submit.alt:hover, div.woocommerce a.button.alt:hover, div.woocommerce button.button.alt:hover, div.woocommerce input.button.alt:hover { background-color: #0f789f; } - .woocommerce .cart-collaterals .cart_totals, .woocommerce .woocommerce-page .cart-collaterals .cart_totals { + main.woocommerce .cart-collaterals .cart_totals, main.woocommerce .woocommerce-page .cart-collaterals .cart_totals, div.woocommerce .cart-collaterals .cart_totals, div.woocommerce .woocommerce-page .cart-collaterals .cart_totals { float: right; margin-bottom: 40px; width: 100%; } - .woocommerce h1.product_title { + main.woocommerce h1.product_title, div.woocommerce h1.product_title { color: #008752; - line-height: 1; + line-height: 1.2; font-size: 40px; } - .woocommerce .onsale { + main.woocommerce .onsale, div.woocommerce .onsale { display: none; } - .woocommerce .page-numbers { + main.woocommerce .page-numbers, div.woocommerce .page-numbers { list-style-type: none; display: flex; } - .woocommerce .page-numbers li { + main.woocommerce .page-numbers li, div.woocommerce .page-numbers li { margin: 0 10px; } - .woocommerce #text [class*="column"] + [class*="column"]:last-child { + main.woocommerce #text [class*="column"] + [class*="column"]:last-child, div.woocommerce #text [class*="column"] + [class*="column"]:last-child { float: left; } - .woocommerce #text > .product { + main.woocommerce #text > .product, div.woocommerce #text > .product { margin-bottom: 20px; } - .woocommerce .product.type-product { + main.woocommerce .product.type-product, div.woocommerce .product.type-product { color: black; display: block; } - .woocommerce .product.type-product a.button { + main.woocommerce .product.type-product a.button, div.woocommerce .product.type-product a.button { padding: 5px; border-radius: 3px; } - .woocommerce .product.type-product a.button:hover { + main.woocommerce .product.type-product a.button:hover, div.woocommerce .product.type-product a.button:hover { color: #000000; } - .woocommerce .product.type-product > div { + main.woocommerce .product.type-product > div, div.woocommerce .product.type-product > div { padding: 5px; border-radius: 5px; } - .woocommerce .product.type-product .tab-description { + main.woocommerce .product.type-product .tab-description, div.woocommerce .product.type-product .tab-description { display: inline-block; } - .woocommerce .product.type-product .woocommerce-tabs ul.tabs li::before { + main.woocommerce .product.type-product .woocommerce-tabs ul.tabs li::before, div.woocommerce .product.type-product .woocommerce-tabs ul.tabs li::before { box-shadow: 2px 2px 0 #0f789f; border-width: 0 1px 1px 0; } - .woocommerce .product.type-product .woocommerce-tabs ul.tabs li::after, .woocommerce .product.type-product .woocommerce-tabs ul.tabs li::before { + main.woocommerce .product.type-product .woocommerce-tabs ul.tabs li::after, main.woocommerce .product.type-product .woocommerce-tabs ul.tabs li::before, div.woocommerce .product.type-product .woocommerce-tabs ul.tabs li::after, div.woocommerce .product.type-product .woocommerce-tabs ul.tabs li::before { border-color: #0f789f; } - .woocommerce .product.type-product .woocommerce-tabs ul.tabs li::after { + main.woocommerce .product.type-product .woocommerce-tabs ul.tabs li::after, div.woocommerce .product.type-product .woocommerce-tabs ul.tabs li::after { box-shadow: -2px 2px 0 #0f789f; } - .woocommerce .product.type-product .woocommerce-tabs ul.tabs li::after, .woocommerce .product.type-product .woocommerce-tabs ul.tabs li::before { + main.woocommerce .product.type-product .woocommerce-tabs ul.tabs li::after, main.woocommerce .product.type-product .woocommerce-tabs ul.tabs li::before, div.woocommerce .product.type-product .woocommerce-tabs ul.tabs li::after, div.woocommerce .product.type-product .woocommerce-tabs ul.tabs li::before { border-color: #0f789f; } - .woocommerce .product.type-product .woocommerce-tabs { + main.woocommerce .product.type-product .woocommerce-tabs, div.woocommerce .product.type-product .woocommerce-tabs { width: 100%; clear: both; /* display: table;*/ } - .woocommerce .product.type-product .woocommerce-tabs .wc-tab { + main.woocommerce .product.type-product .woocommerce-tabs .wc-tab, div.woocommerce .product.type-product .woocommerce-tabs .wc-tab { padding: 10px; - border: 1px solid #0f789f; } - .woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs:before { - border-bottom-color: #0f789f; } - .woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li { + border: 1px solid lightgrey; } + main.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs:before, div.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs:before { + border-bottom-color: lightgrey; } + main.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li, div.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li { background-color: white; color: #ed7023; border: 1px solid #0f789f; border-bottom: 0; display: inline-block; color: #0f789f; } - .woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li:before { + main.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li:before, div.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li:before { border-bottom-color: #0f789f; box-shadow: 0; } - .woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li:after { + main.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li:after, div.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li:after { border-bottom-color: #0f789f; } - .woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li:hover { + main.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li:hover, div.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li:hover { background: transparent url("../assets/repeating-pattern.jpg") repeat scroll 0 0; } - .woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li:hover a { + main.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li:hover a, div.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li:hover a { color: white; } - .woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li a { + main.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li a, div.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li a { display: block; } - .woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li.active { + main.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li.active, div.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li.active { border-bottom-color: #0f789f; background-color: #0f789f; border-width: 2px; color: white; } - .woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li.active:before { + main.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li.active:before, div.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li.active:before { box-shadow: 0; box-shadow: 1px 1px 0 #0f789f; } - .woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li.active:after { + main.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li.active:after, div.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li.active:after { box-shadow: -2px 2px 0 #0f789f; } - .woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li.active:hover { + main.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li.active:hover, div.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li.active:hover { background: #0f789f; } - .woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li.active a:hover { + main.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li.active a:hover, div.woocommerce .product.type-product .woocommerce-tabs ul.wc-tabs li.active a:hover { color: white; } - .woocommerce .product.type-product .woocommerce-tabs .tabs .reviews_tab, .woocommerce .product.type-product .woocommerce-tabs .tabs .additional_information_tab { + main.woocommerce .product.type-product .woocommerce-tabs .tabs .reviews_tab, main.woocommerce .product.type-product .woocommerce-tabs .tabs .additional_information_tab, div.woocommerce .product.type-product .woocommerce-tabs .tabs .reviews_tab, div.woocommerce .product.type-product .woocommerce-tabs .tabs .additional_information_tab { display: none; } - .woocommerce .product.type-product .woocommerce-tabs > div.panel { + main.woocommerce .product.type-product .woocommerce-tabs > div.panel, div.woocommerce .product.type-product .woocommerce-tabs > div.panel { background-color: white; } - .woocommerce .product.type-product .woocommerce-tabs p.stars a { + main.woocommerce .product.type-product .woocommerce-tabs p.stars a, div.woocommerce .product.type-product .woocommerce-tabs p.stars a { font-size: 20px; padding: 0 10px; } - .woocommerce .product.type-product .woocommerce-tabs p.stars a.active { + main.woocommerce .product.type-product .woocommerce-tabs p.stars a.active, div.woocommerce .product.type-product .woocommerce-tabs p.stars a.active { background-color: #000000; border-radius: 2px; } - .woocommerce .product.type-product .sku_wrapper { + main.woocommerce .product.type-product .sku_wrapper, div.woocommerce .product.type-product .sku_wrapper { display: none; } - .woocommerce #address_form small { + main.woocommerce #address_form small, div.woocommerce #address_form small { display: inline-block; font-size: 100%; padding: 9px; } - .woocommerce #tiptip_content { + main.woocommerce #tiptip_content, div.woocommerce #tiptip_content { font-family: Arial; font-size: 12px; } - .woocommerce .single_variation_wrap .quantity { + main.woocommerce .single_variation_wrap .quantity, div.woocommerce .single_variation_wrap .quantity { float: right; margin-bottom: 10px; } - .woocommerce .single_variation_wrap .quantity input { + main.woocommerce .single_variation_wrap .quantity input, div.woocommerce .single_variation_wrap .quantity input { display: inline-block; background-color: white; height: 40px; width: 50px; padding: 0; margin: 0 5px; } - .woocommerce #payment .payment_methods .form-row.place-order { + main.woocommerce #payment .payment_methods .form-row.place-order, div.woocommerce #payment .payment_methods .form-row.place-order { text-align: center; } - .woocommerce #payment .payment_methods ul.payment_methods { + main.woocommerce #payment .payment_methods ul.payment_methods, div.woocommerce #payment .payment_methods ul.payment_methods { list-style-type: none; } - .woocommerce #payment .payment_methods .payment_box > p { + main.woocommerce #payment .payment_methods .payment_box > p, div.woocommerce #payment .payment_methods .payment_box > p { margin: 0; } - .woocommerce #payment .payment_methods .payment_box fieldset { + main.woocommerce #payment .payment_methods .payment_box fieldset, div.woocommerce #payment .payment_methods .payment_box fieldset { margin: 0; padding: 10px 10px 0; } - .woocommerce #payment .payment_methods .payment_box fieldset .form-row { + main.woocommerce #payment .payment_methods .payment_box fieldset .form-row, div.woocommerce #payment .payment_methods .payment_box fieldset .form-row { width: 100%; } @media only screen and (min-width:64.063em) { - .woocommerce #payment .payment_methods .payment_box fieldset .form-row { + main.woocommerce #payment .payment_methods .payment_box fieldset .form-row, div.woocommerce #payment .payment_methods .payment_box fieldset .form-row { width: 31%; float: left; } - .woocommerce #payment .payment_methods .payment_box fieldset .clear { + main.woocommerce #payment .payment_methods .payment_box fieldset .clear, div.woocommerce #payment .payment_methods .payment_box fieldset .clear { clear: none; } } - .woocommerce #payment .payment_methods .payment_box fieldset .form-row label { + main.woocommerce #payment .payment_methods .payment_box fieldset .form-row label, div.woocommerce #payment .payment_methods .payment_box fieldset .form-row label { padding: 0; } - .woocommerce #payment .payment_methods select[name="wc-intuit-qbms-test-condition"] { + main.woocommerce #payment .payment_methods select[name="wc-intuit-qbms-test-condition"], div.woocommerce #payment .payment_methods select[name="wc-intuit-qbms-test-condition"] { margin: 0; } - .woocommerce #payment .payment_methods #wc-intuit-qbms-account-number { + main.woocommerce #payment .payment_methods #wc-intuit-qbms-account-number, div.woocommerce #payment .payment_methods #wc-intuit-qbms-account-number { max-width: 200px; } - .woocommerce .shop_table { + main.woocommerce .pf-content, div.woocommerce .pf-content { + margin-top: 20px; } + main.woocommerce table.shop_table, div.woocommerce table.shop_table { width: 100%; } - .woocommerce .shop_table .coupon { + main.woocommerce table.shop_table .coupon, div.woocommerce table.shop_table .coupon { display: none; } - .woocommerce .shop_table .product-thumbnail { + main.woocommerce table.shop_table .product-thumbnail, div.woocommerce table.shop_table .product-thumbnail { display: none; } @media only screen and (min-width:64.063em) { - .woocommerce .shop_table .product-thumbnail { + main.woocommerce table.shop_table .product-thumbnail, div.woocommerce table.shop_table .product-thumbnail { display: default; } } - .woocommerce .shop_table .quantity { + main.woocommerce table.shop_table .quantity, div.woocommerce table.shop_table .quantity { display: table; } - .woocommerce .shop_table .quantity .input-text { + main.woocommerce table.shop_table .quantity .input-text, div.woocommerce table.shop_table .quantity .input-text { margin: 0; } - .woocommerce .shop_table .quantity .minus, .woocommerce .shop_table .quantity .plus { + main.woocommerce table.shop_table .quantity .minus, main.woocommerce table.shop_table .quantity .plus, div.woocommerce table.shop_table .quantity .minus, div.woocommerce table.shop_table .quantity .plus { background-color: transparent; box-shadow: none; color: #a46497; font-weight: 700; width: 50px; height: 40px; } - .woocommerce .quantity .minus:hover, .woocommerce .quantity .plus:hover { + main.woocommerce .quantity .minus:hover, main.woocommerce .quantity .plus:hover, div.woocommerce .quantity .minus:hover, div.woocommerce .quantity .plus:hover { background-color: transparent; color: inherit !important; } - .woocommerce .checkout #customer_details { + main.woocommerce .checkout #customer_details, div.woocommerce .checkout #customer_details { display: inline-block; width: 100%; max-width: 600px; } - .woocommerce .checkout .woocommerce-billing-fields, .woocommerce .checkout .woocommerce-shipping-fields { + main.woocommerce .checkout .woocommerce-billing-fields, main.woocommerce .checkout .woocommerce-shipping-fields, div.woocommerce .checkout .woocommerce-billing-fields, div.woocommerce .checkout .woocommerce-shipping-fields { margin: 0 auto 40px; max-width: 600px; padding: 20px; border: 1px solid #e7e7e7; } - .woocommerce .checkout .woocommerce-billing-fields p, .woocommerce .checkout .woocommerce-shipping-fields p { + main.woocommerce .checkout .woocommerce-billing-fields p, main.woocommerce .checkout .woocommerce-shipping-fields p, div.woocommerce .checkout .woocommerce-billing-fields p, div.woocommerce .checkout .woocommerce-shipping-fields p { margin-bottom: 15px; } - .woocommerce .checkout .woocommerce-billing-fields p input, .woocommerce .checkout .woocommerce-shipping-fields p input { + main.woocommerce .checkout .woocommerce-billing-fields p input, main.woocommerce .checkout .woocommerce-shipping-fields p input, div.woocommerce .checkout .woocommerce-billing-fields p input, div.woocommerce .checkout .woocommerce-shipping-fields p input { margin-bottom: 15px; } - .woocommerce .checkout #order_review { + main.woocommerce .checkout #order_review, div.woocommerce .checkout #order_review { float: left; } - .woocommerce #content-wrapper.woocommerce-wrapper .content { + main.woocommerce #content-wrapper.woocommerce-wrapper .content, div.woocommerce #content-wrapper.woocommerce-wrapper .content { padding: 20px 5px; } @media only screen and (max-width: 40em) { - .woocommerce #content-wrapper.woocommerce-wrapper .main { + main.woocommerce #content-wrapper.woocommerce-wrapper .main, div.woocommerce #content-wrapper.woocommerce-wrapper .main { padding: 0; } } - .woocommerce #content { + main.woocommerce #content, div.woocommerce #content { margin-top: 25px; } - .woocommerce .woocommerce-ordering select.orderby { + main.woocommerce .woocommerce-ordering select.orderby, div.woocommerce .woocommerce-ordering select.orderby { max-width: 200px; } - .woocommerce main.page-inside #content-wrapper #main-content #main-text.shop-cat-list { + main.woocommerce main.page-inside #content-wrapper #main-content #main-text.shop-cat-list, div.woocommerce main.page-inside #content-wrapper #main-content #main-text.shop-cat-list { padding: 0 6px; } - .woocommerce main.page-inside #content-wrapper #main-content #main-text.shop-cat-list .shop-cat-list-content > div { + main.woocommerce main.page-inside #content-wrapper #main-content #main-text.shop-cat-list .shop-cat-list-content > div, div.woocommerce main.page-inside #content-wrapper #main-content #main-text.shop-cat-list .shop-cat-list-content > div { padding: 0; } - .woocommerce main.page-inside #content-wrapper .content { + main.woocommerce main.page-inside #content-wrapper .content, div.woocommerce main.page-inside #content-wrapper .content { border-bottom: 3px solid #c5aa6d; box-shadow: 0 5px 5px 0 rgba(0, 0, 0, 0.8); } - .woocommerce #content-wrapper.woocommerce-wrapper .main.woo-single-product { + main.woocommerce #content-wrapper.woocommerce-wrapper .main.woo-single-product, div.woocommerce #content-wrapper.woocommerce-wrapper .main.woo-single-product { padding: 20px 3%; } - .woocommerce .shop-sidebar { - margin-bottom: 20px; } - .woocommerce .shop-sidebar ul.products > li.product { - width: 100%; - margin-bottom: 0px; - background-color: white; } - .woocommerce .shop-sidebar ul.products { - margin-top: 0; } - .woocommerce .shop-sidebar ul.products > li.product > a > h3 { - padding: 5px 0; - text-align: left; - font-weight: bold; - color: white; - line-height: 1.1; } - .woocommerce .shop-sidebar { - list-style: outside none none; - margin-left: 0; } - .woocommerce .shop-sidebar .products { - margin: 20px 0 0; } - .woocommerce .shop-sidebar > li { - background: none repeat scroll 0 0 #2F4D4F; - padding: 2px 0 2px 15px; } - .woocommerce .shop-sidebar > li:first-child { - border-top-left-radius: 5px; - border-top-right-radius: 5px; } - .woocommerce .shop-sidebar > li:last-child { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; } - .woocommerce .shop-sidebar > li a { - color: white; - text-transform: uppercase; } - .woocommerce #sidebar-category .shop-sidebar ul.products li.current h3 { - color: #0f789f; } - .woocommerce #sidebar-category .shop-sidebar ul.products li.current:hover h3 { - color: white; } - .woocommerce .shop-sidebar ul.products > li.product > a > div > img { - display: none; } - .woocommerce nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce .products { + main.woocommerce nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce .products, div.woocommerce nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce .products { position: inherit; border: 0 !important; } - .woocommerce nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce .product-category { + main.woocommerce nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce .product-category, div.woocommerce nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce .product-category { margin-bottom: 0; height: 25px; } - .woocommerce nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce .product-category h3 { + main.woocommerce nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce .product-category h3, div.woocommerce nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce .product-category h3 { font-size: 12px; font-weight: normal; padding: 0.5em 20px; } - .woocommerce nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce .product-category:hover h3 { + main.woocommerce nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce .product-category:hover h3, div.woocommerce nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce .product-category:hover h3 { color: #25c2e6 !important; } - .woocommerce nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce img { + main.woocommerce nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce img, div.woocommerce nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce img { display: none; } - .woocommerce .left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce .products { + main.woocommerce .left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce .products, div.woocommerce .left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce .products { position: inherit; border: 0 !important; } - .woocommerce .left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce .product-category { + main.woocommerce .left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce .product-category, div.woocommerce .left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce .product-category { margin-bottom: 0; height: 28px; } - .woocommerce .left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce .product-category h3 { + main.woocommerce .left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce .product-category h3, div.woocommerce .left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce .product-category h3 { color: white; font-size: 12px; font-weight: normal; padding: 0.5em 20px; } - .woocommerce .left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce img { + main.woocommerce .left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce img, div.woocommerce .left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce img { display: none; } - .woocommerce .left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce a { + main.woocommerce .left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce a, div.woocommerce .left-off-canvas-menu > ul > li.has-dropdown > ul.dropdown .woocommerce a { margin-left: 40px; padding: 0; } - .woocommerce #payment .payment_methods label { + main.woocommerce #payment .payment_methods label, div.woocommerce #payment .payment_methods label { padding: 0 0 20px; margin: 0; width: 80%; } - .woocommerce #shipping_method input[type="checkbox"] + label, .woocommerce input[type="radio"] + label { + main.woocommerce #shipping_method input[type="checkbox"] + label, main.woocommerce input[type="radio"] + label, div.woocommerce #shipping_method input[type="checkbox"] + label, div.woocommerce input[type="radio"] + label { margin-left: 25px; } - .woocommerce .cart_item .product-name { + main.woocommerce .cart_item .product-name, div.woocommerce .cart_item .product-name { min-width: 160px; font-size: 15px; font-weight: bold; } - .woocommerce .woocommerce-checkout-review-order-table .product-quantity { + main.woocommerce .woocommerce-checkout-review-order-table .product-quantity, div.woocommerce .woocommerce-checkout-review-order-table .product-quantity { float: right; } - .woocommerce #content .cart_item td.product-name dl.variation dd, .woocommerce dd p, .woocommerce dt { + main.woocommerce #content .cart_item td.product-name dl.variation dd, main.woocommerce dd p, main.woocommerce dt, div.woocommerce #content .cart_item td.product-name dl.variation dd, div.woocommerce dd p, div.woocommerce dt { font-size: 12px; font-weight: normal; margin-bottom: 0; line-height: 1; } - .woocommerce #content td.product-name dl.variation dd, .woocommerce #content td.product-name dl.variation dt { + main.woocommerce #content td.product-name dl.variation dd, main.woocommerce #content td.product-name dl.variation dt, div.woocommerce #content td.product-name dl.variation dd, div.woocommerce #content td.product-name dl.variation dt { margin-bottom: 0; } - .woocommerce #content .product.type-product .variations_form .variations { + main.woocommerce #content .product.type-product .variations_form .variations, div.woocommerce #content .product.type-product .variations_form .variations { margin: 0 auto; width: auto; min-width: 190px; max-width: 220px; } - .woocommerce .variations tbody, .woocommerce .variations tbody tr { + main.woocommerce .variations tbody, main.woocommerce .variations tbody tr, div.woocommerce .variations tbody, div.woocommerce .variations tbody tr { display: block; } - .woocommerce .page-numbers li { + main.woocommerce .page-numbers li, div.woocommerce .page-numbers li { float: left; } - .woocommerce .related.products { + main.woocommerce .related.products, div.woocommerce .related.products { margin-top: 30px; } - .woocommerce h3#ship-to-different-address { + main.woocommerce h3#ship-to-different-address, div.woocommerce h3#ship-to-different-address { font-weight: bold; } - .woocommerce .woocommerce-breadcrumb { + main.woocommerce .woocommerce-breadcrumb, div.woocommerce .woocommerce-breadcrumb { display: none; } - .woocommerce #content .product.type-product .product_meta { + main.woocommerce #content .product.type-product .product_meta, div.woocommerce #content .product.type-product .product_meta { clear: both; } - .woocommerce #content .product.type-product .product_meta a { + main.woocommerce #content .product.type-product .product_meta a, div.woocommerce #content .product.type-product .product_meta a { display: initial; } - .woocommerce #content .product.type-product .product_meta .posted_in { + main.woocommerce #content .product.type-product .product_meta .posted_in, div.woocommerce #content .product.type-product .product_meta .posted_in { display: none; } - .woocommerce #content .product.type-product .variations_form a.reset_variations { + main.woocommerce #content .product.type-product .variations_form a.reset_variations, div.woocommerce #content .product.type-product .variations_form a.reset_variations { display: none !important; } - .woocommerce #content .product.type-product .variations_form { + main.woocommerce #content .product.type-product .variations_form, div.woocommerce #content .product.type-product .variations_form { clear: both; display: table; width: 100%; - margin-bottom: 20px; - float: right; } - .woocommerce #content .product.type-product .variations_form .variations { + margin-bottom: 20px; } + main.woocommerce #content .product.type-product .variations_form .variations, div.woocommerce #content .product.type-product .variations_form .variations { display: block; - float: right; margin: 0 auto; width: auto; min-width: 190px; @@ -6914,70 +6875,71 @@ main { display: inline-block; width: 50%; }*/ } - .woocommerce #content .product.type-product .variations_form .variations ul { + main.woocommerce #content .product.type-product .variations_form .variations ul, div.woocommerce #content .product.type-product .variations_form .variations ul { border: 1px solid darkgrey; margin-left: 0; text-align: left; } - .woocommerce #content .product.type-product .variations_form .variations .label { + main.woocommerce #content .product.type-product .variations_form .variations .label, div.woocommerce #content .product.type-product .variations_form .variations .label { display: block; } - .woocommerce #content .product.type-product .variations_form .variations .label label { + main.woocommerce #content .product.type-product .variations_form .variations .label label, div.woocommerce #content .product.type-product .variations_form .variations .label label { color: white; } - .woocommerce #content .product.type-product .variations_form .variations .value { + main.woocommerce #content .product.type-product .variations_form .variations .value, div.woocommerce #content .product.type-product .variations_form .variations .value { padding-right: 0; display: block; } - .woocommerce #content .product.type-product .variations_form .variations .value fieldset { + main.woocommerce #content .product.type-product .variations_form .variations .value fieldset, div.woocommerce #content .product.type-product .variations_form .variations .value fieldset { border: none; padding-top: 0; padding-bottom: 0; margin-top: 0; margin-bottom: 0; } - .woocommerce #content .product.type-product .variations_form .variations .value fieldset p { + main.woocommerce #content .product.type-product .variations_form .variations .value fieldset p, div.woocommerce #content .product.type-product .variations_form .variations .value fieldset p { margin-bottom: 5px; } - .woocommerce #content .product.type-product .variations_form .variations input[type="file"], .woocommerce #content .product.type-product .variations_form .variations input[type="checkbox"], .woocommerce #content .product.type-product .variations_form .variations input[type="radio"], .woocommerce #content .product.type-product .variations_form .variations select { + main.woocommerce #content .product.type-product .variations_form .variations input[type="file"], main.woocommerce #content .product.type-product .variations_form .variations input[type="checkbox"], main.woocommerce #content .product.type-product .variations_form .variations input[type="radio"], main.woocommerce #content .product.type-product .variations_form .variations select, div.woocommerce #content .product.type-product .variations_form .variations input[type="file"], div.woocommerce #content .product.type-product .variations_form .variations input[type="checkbox"], div.woocommerce #content .product.type-product .variations_form .variations input[type="radio"], div.woocommerce #content .product.type-product .variations_form .variations select { margin-bottom: 0; margin-right: 0; } - .woocommerce #content .product.type-product .variations_form .variations select { + main.woocommerce #content .product.type-product .variations_form .variations select, div.woocommerce #content .product.type-product .variations_form .variations select { background-color: #0f789f; border-radius: 5px; color: white; border: none; } - .woocommerce #content .product.type-product .variations_form .variations select * { + main.woocommerce #content .product.type-product .variations_form .variations select *, div.woocommerce #content .product.type-product .variations_form .variations select * { background-color: lightblue; color: black; } - .woocommerce #content .product.type-product .variations_form .single_variation_wrap { + main.woocommerce #content .product.type-product .variations_form .single_variation_wrap, div.woocommerce #content .product.type-product .variations_form .single_variation_wrap { margin: 0 auto; float: right; clear: both; } - .woocommerce #content .product.type-product .variations_form .single_variation_wrap .single_variation { + main.woocommerce #content .product.type-product .variations_form .single_variation_wrap .single_variation, div.woocommerce #content .product.type-product .variations_form .single_variation_wrap .single_variation { padding: 10px; float: right; } @media only screen and (max-width: 40em) { - .woocommerce #content .product.type-product .variations_form .single_variation_wrap .single_variation { + main.woocommerce #content .product.type-product .variations_form .single_variation_wrap .single_variation, div.woocommerce #content .product.type-product .variations_form .single_variation_wrap .single_variation { float: none; text-align: center; } } - .woocommerce #content .product.type-product .variations_form .variations_button button { + main.woocommerce #content .product.type-product .variations_form .variations_button button, div.woocommerce #content .product.type-product .variations_form .variations_button button { border-radius: 3px; + font-size: 16px; margin: 12px 0 0; - padding: 2px 8px; } + padding: 8px 28px; } @media only screen and (max-width: 40em) { - .woocommerce #content .product.type-product .variations_form .variations, .woocommerce #content .product.type-product .variations_form .single_variation_wrap, .woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button, .woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button .quantity { + main.woocommerce #content .product.type-product .variations_form .variations, main.woocommerce #content .product.type-product .variations_form .single_variation_wrap, main.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button, main.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button .quantity, div.woocommerce #content .product.type-product .variations_form .variations, div.woocommerce #content .product.type-product .variations_form .single_variation_wrap, div.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button, div.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button .quantity { text-align: center; float: none; margin-left: auto; margin-right: auto; clear: both; } - .woocommerce #content .product.type-product .variations_form .single_variation_wrap { + main.woocommerce #content .product.type-product .variations_form .single_variation_wrap, div.woocommerce #content .product.type-product .variations_form .single_variation_wrap { width: 100%; } } @media only screen and (min-width:40.063em) and (max-width:64em) { - .woocommerce #content .product.type-product .variations_form .variations, .woocommerce #content .product.type-product .variations_form .single_variation_wrap, .woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button, .woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button .quantity { + main.woocommerce #content .product.type-product .variations_form .variations, main.woocommerce #content .product.type-product .variations_form .single_variation_wrap, main.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button, main.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button .quantity, div.woocommerce #content .product.type-product .variations_form .variations, div.woocommerce #content .product.type-product .variations_form .single_variation_wrap, div.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button, div.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button .quantity { text-align: center; float: none; margin-left: auto; margin-right: auto; clear: both; } - .woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button .quantity { + main.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button .quantity, div.woocommerce #content .product.type-product .variations_form .single_variation_wrap .variations_button .quantity { width: 170px; } } - .woocommerce #content .product.type-product h1.product_title { + main.woocommerce #content .product.type-product h1.product_title, div.woocommerce #content .product.type-product h1.product_title { color: #0f789f; font-size: 24px; font-family: open sans; @@ -6985,55 +6947,55 @@ main { line-height: 1; margin: 0 auto; width: 80%; } - .woocommerce #content .product.type-product .single_add_to_cart_button { + main.woocommerce #content .product.type-product .single_add_to_cart_button, div.woocommerce #content .product.type-product .single_add_to_cart_button { border-radius: 3px; clear: both; float: right; - margin-top: 10px; background: transparent url("../assets/repeating-pattern.jpg") repeat scroll 0 0; - padding: 3px 10px; - font-size: 14px; + font-size: 16px; + margin: 12px 0 0; + padding: 8px 28px; border: 1px solid transparent; } @media only screen and (max-width: 40em) { - .woocommerce #content .product.type-product .single_add_to_cart_button { + main.woocommerce #content .product.type-product .single_add_to_cart_button, div.woocommerce #content .product.type-product .single_add_to_cart_button { float: none; } } - .woocommerce #content .product.type-product .single_add_to_cart_button:hover, .woocommerce #content .product.type-product .single_add_to_cart_button:focus { + main.woocommerce #content .product.type-product .single_add_to_cart_button:hover, main.woocommerce #content .product.type-product .single_add_to_cart_button:focus, div.woocommerce #content .product.type-product .single_add_to_cart_button:hover, div.woocommerce #content .product.type-product .single_add_to_cart_button:focus { background-color: white; border: 1px solid #0f789f; } - .woocommerce #content .product.type-product > div { + main.woocommerce #content .product.type-product > div, div.woocommerce #content .product.type-product > div { float: left; } - .woocommerce #content .product.type-product .related.products { + main.woocommerce #content .product.type-product .related.products, div.woocommerce #content .product.type-product .related.products { width: 100%; } - .woocommerce #content .product.type-product .quantity, .woocommerce #content .product.type-product .qty { + main.woocommerce #content .product.type-product .quantity, main.woocommerce #content .product.type-product .qty, div.woocommerce #content .product.type-product .quantity, div.woocommerce #content .product.type-product .qty { float: right; display: table; height: 25px; padding: 2px 0 2px 5px; } @media only screen and (max-width: 40em) { - .woocommerce #content .product.type-product .quantity, .woocommerce #content .product.type-product .qty { + main.woocommerce #content .product.type-product .quantity, main.woocommerce #content .product.type-product .qty, div.woocommerce #content .product.type-product .quantity, div.woocommerce #content .product.type-product .qty { float: none; margin: 0 auto; } } - .woocommerce #content .product.type-product .quantity .input-text, .woocommerce #content .product.type-product .qty .input-text { + main.woocommerce #content .product.type-product .quantity .input-text, main.woocommerce #content .product.type-product .qty .input-text, div.woocommerce #content .product.type-product .quantity .input-text, div.woocommerce #content .product.type-product .qty .input-text { margin: 0; } - .woocommerce #content .product.type-product .quantity .minus, .woocommerce #content .product.type-product .quantity .plus, .woocommerce #content .product.type-product .qty .minus, .woocommerce #content .product.type-product .qty .plus { + main.woocommerce #content .product.type-product .quantity .minus, main.woocommerce #content .product.type-product .quantity .plus, main.woocommerce #content .product.type-product .qty .minus, main.woocommerce #content .product.type-product .qty .plus, div.woocommerce #content .product.type-product .quantity .minus, div.woocommerce #content .product.type-product .quantity .plus, div.woocommerce #content .product.type-product .qty .minus, div.woocommerce #content .product.type-product .qty .plus { background-color: transparent; box-shadow: none; color: #a46497; font-weight: 700; width: 50px; height: 40px; } - .woocommerce #content .product.type-product .quantity .minus:hover, .woocommerce #content .product.type-product .quantity .plus:hover, .woocommerce #content .product.type-product .qty .minus:hover, .woocommerce #content .product.type-product .qty .plus:hover { + main.woocommerce #content .product.type-product .quantity .minus:hover, main.woocommerce #content .product.type-product .quantity .plus:hover, main.woocommerce #content .product.type-product .qty .minus:hover, main.woocommerce #content .product.type-product .qty .plus:hover, div.woocommerce #content .product.type-product .quantity .minus:hover, div.woocommerce #content .product.type-product .quantity .plus:hover, div.woocommerce #content .product.type-product .qty .minus:hover, div.woocommerce #content .product.type-product .qty .plus:hover { background-color: transparent; color: inherit !important; } - .woocommerce #content .product.type-product .cart-qty-label { + main.woocommerce #content .product.type-product .cart-qty-label, div.woocommerce #content .product.type-product .cart-qty-label { float: right; clear: both; margin-left: 5px; } @media only screen and (max-width: 40em) { - .woocommerce #content .product.type-product .cart-qty-label { + main.woocommerce #content .product.type-product .cart-qty-label, div.woocommerce #content .product.type-product .cart-qty-label { float: none; text-align: center; } } - .woocommerce #content .product.type-product .price { + main.woocommerce #content .product.type-product .price, div.woocommerce #content .product.type-product .price { color: transparent; margin-bottom: 0; font-size: 32px; @@ -7043,113 +7005,122 @@ main { display: block; line-height: 1.0; } @media only screen and (max-width: 40em) { - .woocommerce #content .product.type-product .price { + main.woocommerce #content .product.type-product .price, div.woocommerce #content .product.type-product .price { float: none; text-align: center; } } - .woocommerce #content .product.type-product .price > * { + main.woocommerce #content .product.type-product .price > *, div.woocommerce #content .product.type-product .price > * { height: 40px; } - .woocommerce #content .product.type-product .price span { + main.woocommerce #content .product.type-product .price span, div.woocommerce #content .product.type-product .price span { color: #ed7023; font-size: 40px; margin-top: -2px; } - .woocommerce #content .product.type-product .price span:nth-child(2) { + main.woocommerce #content .product.type-product .price span:nth-child(2), div.woocommerce #content .product.type-product .price span:nth-child(2) { display: none; } - .woocommerce #content .product.type-product .price del { + main.woocommerce #content .product.type-product .price del, div.woocommerce #content .product.type-product .price del { color: #0f789f; } - .woocommerce #content .product.type-product .stock { + main.woocommerce #content .product.type-product .stock, div.woocommerce #content .product.type-product .stock { color: black; float: right; clear: both; font-size: 14px; } @media only screen and (max-width: 40em) { - .woocommerce #content .product.type-product .stock { + main.woocommerce #content .product.type-product .stock, div.woocommerce #content .product.type-product .stock { float: none; text-align: center; } } @media only screen and (max-width: 40em) { - .woocommerce #content .product.type-product { + main.woocommerce #content .product.type-product, div.woocommerce #content .product.type-product { margin-top: 20px; } - .woocommerce #content .product.type-product .images { + main.woocommerce #content .product.type-product .images, div.woocommerce #content .product.type-product .images { width: auto; max-width: 260px; margin: 0 auto; float: none; } - .woocommerce #content .product.type-product .summary.entry-summary { + main.woocommerce #content .product.type-product .summary.entry-summary, div.woocommerce #content .product.type-product .summary.entry-summary { width: 100%; } - .woocommerce #content .product.type-product .summary.entry-summary h1 { + main.woocommerce #content .product.type-product .summary.entry-summary h1, div.woocommerce #content .product.type-product .summary.entry-summary h1 { font-size: 32px; } } - .woocommerce #content .product.type-product .related .products .product.type-product h3 { + main.woocommerce #content .product.type-product .related .products .product.type-product h3, div.woocommerce #content .product.type-product .related .products .product.type-product h3 { font-size: 13px; font-weight: normal; } - .woocommerce #content .product.type-product .summary.entry-summary > div[itemprop="description"] { + main.woocommerce #content .product.type-product .summary.entry-summary > div[itemprop="description"], div.woocommerce #content .product.type-product .summary.entry-summary > div[itemprop="description"] { margin: 0 auto; text-align: left; width: 80%; } - .woocommerce .main.woo-single-product #content { + main.woocommerce .main.woo-single-product #content, div.woocommerce .main.woo-single-product #content { /* Related products */ /* End Related products */ } - .woocommerce .main.woo-single-product #content .type-product .images { + main.woocommerce .main.woo-single-product #content .type-product .images, div.woocommerce .main.woo-single-product #content .type-product .images { width: 40%; } @media only screen and (max-width: 40em) { - .woocommerce .main.woo-single-product #content .type-product .images { + main.woocommerce .main.woo-single-product #content .type-product .images, div.woocommerce .main.woo-single-product #content .type-product .images { width: 100%; } } - .woocommerce .main.woo-single-product #content .type-product .images img { + main.woocommerce .main.woo-single-product #content .type-product .images img, div.woocommerce .main.woo-single-product #content .type-product .images img { border: 1px solid lightgrey; border-radius: 2px; } - .woocommerce .main.woo-single-product #content .type-product .images #wpb_wiz_img_id { + main.woocommerce .main.woo-single-product #content .type-product .images #wpb_wiz_img_id, div.woocommerce .main.woo-single-product #content .type-product .images #wpb_wiz_img_id { height: 180px; } - .woocommerce .main.woo-single-product #content .type-product .images .wp-post-image { + main.woocommerce .main.woo-single-product #content .type-product .images .wp-post-image, div.woocommerce .main.woo-single-product #content .type-product .images .wp-post-image { height: 180px; } - .woocommerce .main.woo-single-product #content .type-product .summary.entry-summary { + main.woocommerce .main.woo-single-product #content .type-product .summary.entry-summary, div.woocommerce .main.woo-single-product #content .type-product .summary.entry-summary { width: 60%; } - .woocommerce .main.woo-single-product #content .thumbnails > a { - /* width: 21%; - float: left; - margin: 0 0.5%;*/ - padding: 4px; - /* :first-child { - margin-left: 0; - padding-left: 0; - } - :nth-child(4n) { - margin-right: 0; - padding-left: 0; - }*/ } - .woocommerce .main.woo-single-product #content .thumbnails > a img { + @media only screen and (max-width: 40em) { + main.woocommerce .main.woo-single-product #content .type-product .summary.entry-summary, div.woocommerce .main.woo-single-product #content .type-product .summary.entry-summary { + width: 100%; } } + main.woocommerce .main.woo-single-product #content .type-product .cart, main.woocommerce .main.woo-single-product #content .type-product .price, main.woocommerce .main.woo-single-product #content .type-product .quantity, main.woocommerce .main.woo-single-product #content .type-product .qty, main.woocommerce .main.woo-single-product #content .type-product .stock, main.woocommerce .main.woo-single-product #content .type-product .single_variation_wrap, main.woocommerce .main.woo-single-product #content .type-product .single_variation_wrap .single_variation, div.woocommerce .main.woo-single-product #content .type-product .cart, div.woocommerce .main.woo-single-product #content .type-product .price, div.woocommerce .main.woo-single-product #content .type-product .quantity, div.woocommerce .main.woo-single-product #content .type-product .qty, div.woocommerce .main.woo-single-product #content .type-product .stock, div.woocommerce .main.woo-single-product #content .type-product .single_variation_wrap, div.woocommerce .main.woo-single-product #content .type-product .single_variation_wrap .single_variation { + float: none; + text-align: center; + margin: 0 auto; } + main.woocommerce .main.woo-single-product #content .type-product .single_add_to_cart_button, main.woocommerce .main.woo-single-product #content .type-product .single_add_to_cart_button button, div.woocommerce .main.woo-single-product #content .type-product .single_add_to_cart_button, div.woocommerce .main.woo-single-product #content .type-product .single_add_to_cart_button button { + text-align: center; + margin-top: 12px; + float: none; } + main.woocommerce .main.woo-single-product #content .type-product .woo-qty-wrapper, div.woocommerce .main.woo-single-product #content .type-product .woo-qty-wrapper { + margin: 0 auto; + width: 100px; } + main.woocommerce .main.woo-single-product #content .type-product .cart-qty-label, div.woocommerce .main.woo-single-product #content .type-product .cart-qty-label { + float: left; + clear: none; + text-align: center; } + main.woocommerce .main.woo-single-product #content .thumbnails > a, div.woocommerce .main.woo-single-product #content .thumbnails > a { + padding: 4px; } + main.woocommerce .main.woo-single-product #content .thumbnails > a img, div.woocommerce .main.woo-single-product #content .thumbnails > a img { height: 35px; } - .woocommerce .main.woo-single-product #content .product.has-default-attributes.has-children > .images { + main.woocommerce .main.woo-single-product #content .product.has-default-attributes.has-children > .images, div.woocommerce .main.woo-single-product #content .product.has-default-attributes.has-children > .images { opacity: 1; } - .woocommerce .main.woo-single-product #content .entry-summary .product_title { + main.woocommerce .main.woo-single-product #content .entry-summary .product_title, div.woocommerce .main.woo-single-product #content .entry-summary .product_title { margin-bottom: 10px; } - .woocommerce .main.woo-single-product #content .related ul.products li.product:last-child, .woocommerce .main.woo-single-product #content .related ul.products li.product { + main.woocommerce .main.woo-single-product #content .related ul.products li.product:last-child, main.woocommerce .main.woo-single-product #content .related ul.products li.product, div.woocommerce .main.woo-single-product #content .related ul.products li.product:last-child, div.woocommerce .main.woo-single-product #content .related ul.products li.product { width: 33.33%; float: left; clear: none; padding: 10px; margin: 0; - height: 400px; } + height: 300px; } @media only screen and (max-width: 40em) { - .woocommerce .main.woo-single-product #content .related ul.products li.product:last-child, .woocommerce .main.woo-single-product #content .related ul.products li.product { + main.woocommerce .main.woo-single-product #content .related ul.products li.product:last-child, main.woocommerce .main.woo-single-product #content .related ul.products li.product, div.woocommerce .main.woo-single-product #content .related ul.products li.product:last-child, div.woocommerce .main.woo-single-product #content .related ul.products li.product { width: 50%; } } - .woocommerce .main.woo-single-product #content .related ul.products li.product:last-child img, .woocommerce .main.woo-single-product #content .related ul.products li.product img { + main.woocommerce .main.woo-single-product #content .related ul.products li.product:last-child img, main.woocommerce .main.woo-single-product #content .related ul.products li.product img, div.woocommerce .main.woo-single-product #content .related ul.products li.product:last-child img, div.woocommerce .main.woo-single-product #content .related ul.products li.product img { height: 150px; } - .woocommerce .main.woo-single-product #content .related ul.products li.product:last-child [itemprop="description"], .woocommerce .main.woo-single-product #content .related ul.products li.product [itemprop="description"] { + main.woocommerce .main.woo-single-product #content .related ul.products li.product:last-child [itemprop="description"], main.woocommerce .main.woo-single-product #content .related ul.products li.product [itemprop="description"], div.woocommerce .main.woo-single-product #content .related ul.products li.product:last-child [itemprop="description"], div.woocommerce .main.woo-single-product #content .related ul.products li.product [itemprop="description"] { display: none; } - .woocommerce .main.woo-single-product #content .related ul.products li.product:last-child .price span.amount, .woocommerce .main.woo-single-product #content .related ul.products li.product .price span.amount { + main.woocommerce .main.woo-single-product #content .related ul.products li.product:last-child .price span.amount, main.woocommerce .main.woo-single-product #content .related ul.products li.product .price span.amount, div.woocommerce .main.woo-single-product #content .related ul.products li.product:last-child .price span.amount, div.woocommerce .main.woo-single-product #content .related ul.products li.product .price span.amount { font-size: 22px; } - .woocommerce .main.woo-single-product #content .related ul.products li.product:last-child .price > *, .woocommerce .main.woo-single-product #content .related ul.products li.product .price > * { + main.woocommerce .main.woo-single-product #content .related ul.products li.product:last-child .price > *, main.woocommerce .main.woo-single-product #content .related ul.products li.product .price > *, div.woocommerce .main.woo-single-product #content .related ul.products li.product:last-child .price > *, div.woocommerce .main.woo-single-product #content .related ul.products li.product .price > * { height: 20px; } - .woocommerce #content ul.products { + main.woocommerce .main.woo-single-product #content .related ul.products li.product:last-child form.cart, main.woocommerce .main.woo-single-product #content .related ul.products li.product form.cart, div.woocommerce .main.woo-single-product #content .related ul.products li.product:last-child form.cart, div.woocommerce .main.woo-single-product #content .related ul.products li.product form.cart { + display: none; } + main.woocommerce #content ul.products, div.woocommerce #content ul.products { display: table; margin: 0 auto; position: relative; width: 100%; } @media only screen and (max-width: 40em) { - .woocommerce #content ul.products { + main.woocommerce #content ul.products, div.woocommerce #content ul.products { max-width: 470px; padding: 0; } } - .woocommerce #content ul.products mark { + main.woocommerce #content ul.products mark, div.woocommerce #content ul.products mark { background-color: transparent; } - .woocommerce #content ul.products li.product.type-product { + main.woocommerce #content ul.products li.product.type-product, div.woocommerce #content ul.products li.product.type-product { border: medium none; height: auto; padding: 10px; @@ -7157,73 +7128,80 @@ main { width: 100%; border: none; margin: 0 auto 10px; } + main.woocommerce #content ul.products li.product.type-product .variations_form, div.woocommerce #content ul.products li.product.type-product .variations_form { + clear: both; + display: table; + width: 100%; + margin-bottom: 20px; } + main.woocommerce #content ul.products li.product.type-product .variations_form .variations, div.woocommerce #content ul.products li.product.type-product .variations_form .variations { + float: right; } @media only screen and (max-width: 40em) { - .woocommerce #content ul.products li.product.type-product { + main.woocommerce #content ul.products li.product.type-product, div.woocommerce #content ul.products li.product.type-product { margin-bottom: 25px; } } - .woocommerce #content ul.products li.product.type-product h3 { + main.woocommerce #content ul.products li.product.type-product h3, div.woocommerce #content ul.products li.product.type-product h3 { font-size: 16px; text-align: left; } - .woocommerce #content ul.products li.product.type-product .wp-post-image { + main.woocommerce #content ul.products li.product.type-product .wp-post-image, div.woocommerce #content ul.products li.product.type-product .wp-post-image { margin-bottom: 0; border: none; padding-right: 15px; } - .woocommerce #content ul.products li.product.type-product > div { + main.woocommerce #content ul.products li.product.type-product > div, div.woocommerce #content ul.products li.product.type-product > div { margin: 5px; padding: 5px; border-radius: 5px; width: 100%; } - .woocommerce #content ul.products li.product.type-product > div img { + main.woocommerce #content ul.products li.product.type-product > div img, div.woocommerce #content ul.products li.product.type-product > div img { /* border: 2px solid $black;*/ border-radius: 3px; } - .woocommerce #content ul.products li.product.type-product h3 { + main.woocommerce #content ul.products li.product.type-product h3, div.woocommerce #content ul.products li.product.type-product h3 { font-weight: normal; } - .woocommerce #content ul.products li.product.type-product .count { + main.woocommerce #content ul.products li.product.type-product .count, div.woocommerce #content ul.products li.product.type-product .count { background-color: transparent; } - .woocommerce #content ul.products li.product.type-product > div { + main.woocommerce #content ul.products li.product.type-product > div, div.woocommerce #content ul.products li.product.type-product > div { background-color: white; } - .woocommerce #content ul.products li.product.type-product > div h3 { + main.woocommerce #content ul.products li.product.type-product > div h3, div.woocommerce #content ul.products li.product.type-product > div h3 { color: #ed7023; font-size: 24px; margin-top: -2px; } - .woocommerce #content ul.products li.product.type-product p.products-short-desc { + main.woocommerce #content ul.products li.product.type-product p.products-short-desc, div.woocommerce #content ul.products li.product.type-product p.products-short-desc { line-height: 1.3; margin-bottom: 0; } - .woocommerce #content ul.products li.product.type-product .woocommerce-variation-availability { + main.woocommerce #content ul.products li.product.type-product .woocommerce-variation-availability, div.woocommerce #content ul.products li.product.type-product .woocommerce-variation-availability { float: right; } @media only screen and (max-width: 40em) { - .woocommerce #content ul.products li.product.type-product .woocommerce-variation-availability { + main.woocommerce #content ul.products li.product.type-product .woocommerce-variation-availability, div.woocommerce #content ul.products li.product.type-product .woocommerce-variation-availability { float: none; text-align: center; } } - .woocommerce #content ul.products li.product.type-product .woocommerce-variation-availability .stock { + main.woocommerce #content ul.products li.product.type-product .woocommerce-variation-availability .stock, div.woocommerce #content ul.products li.product.type-product .woocommerce-variation-availability .stock { margin-bottom: 0; } - .woocommerce #content ul.products li.product.type-product .more { + main.woocommerce #content ul.products li.product.type-product .more, div.woocommerce #content ul.products li.product.type-product .more { display: inline; float: right; margin-left: 5px; color: #0f789f; } - .woocommerce #content ul.products li.product.type-product .products-qty-contain span { + main.woocommerce #content ul.products li.product.type-product .products-qty-contain span, div.woocommerce #content ul.products li.product.type-product .products-qty-contain span { margin-left: 5px; } - .woocommerce #content ul.products li.product.type-product .cart { + main.woocommerce #content ul.products li.product.type-product .cart, div.woocommerce #content ul.products li.product.type-product .cart { float: right; text-align: right; clear: both; } @media only screen and (max-width: 40em) { - .woocommerce #content ul.products li.product.type-product .cart { + main.woocommerce #content ul.products li.product.type-product .cart, div.woocommerce #content ul.products li.product.type-product .cart { float: none; text-align: center; } } - .woocommerce #content ul.products li.product.type-product .products-add-to-cart { + main.woocommerce #content ul.products li.product.type-product .products-add-to-cart, div.woocommerce #content ul.products li.product.type-product .products-add-to-cart { clear: both; float: right; } - .woocommerce #content ul.products li.product.type-product .products-add-to-cart button { + main.woocommerce #content ul.products li.product.type-product .products-add-to-cart button, div.woocommerce #content ul.products li.product.type-product .products-add-to-cart button { width: 100%; } - .woocommerce #content ul.products .added_to_cart { + main.woocommerce #content ul.products .added_to_cart, div.woocommerce #content ul.products .added_to_cart { border: 1px solid lightgrey; border-radius: 4px; } - .woocommerce #content ul.products a { + main.woocommerce #content ul.products a, div.woocommerce #content ul.products a { text-decoration: none; } - .woocommerce #content ul.products a:hover { + main.woocommerce #content ul.products a:hover, div.woocommerce #content ul.products a:hover { text-shadow: none; } - .woocommerce header.title { + main.woocommerce header.title, div.woocommerce header.title { box-shadow: none; } /* End WooCommerce */ @@ -7265,15 +7243,15 @@ main { color: #0f789f; } /* Product categories */ -#content ul.products li.product-category.product { +#main-content ul.products li.product-category.product, #content ul.products li.product-category.product { width: 33.33%; float: left; padding: 20px; margin: 0; } @media only screen and (max-width: 40em) { - #content ul.products li.product-category.product { + #main-content ul.products li.product-category.product, #content ul.products li.product-category.product { width: 50%; } } - #content ul.products li.product-category.product .products-image-container { + #main-content ul.products li.product-category.product .products-image-container, #content ul.products li.product-category.product .products-image-container { height: 200px; } /*#content ul.products li.product-category.product, @@ -7297,6 +7275,46 @@ main .woocommerce #respond input#submit.alt, main .woocommerce a.button.alt, mai main.woocommerce ul.products li.product, main.woocommerce-page ul.products li.product, main.woocommerce-page[class*="columns-"] ul.products li.product, main.woocommerce[class*="columns-"] ul.products li.product { clear: none; } +/* Sidebar */ +.woocommerce .shop-sidebar { + margin-bottom: 20px; } +.woocommerce .shop-sidebar ul.products > li.product { + width: 100%; + margin-bottom: 0px; + background-color: white; } +.woocommerce .shop-sidebar ul.products { + margin-top: 0; } +.woocommerce .shop-sidebar ul.products > li.product > a > h3 { + padding: 5px 0; + text-align: left; + font-weight: bold; + color: white; + line-height: 1.1; } +.woocommerce .shop-sidebar { + list-style: outside none none; + margin-left: 0; } +.woocommerce .shop-sidebar .products { + margin: 20px 0 0; } +.woocommerce .shop-sidebar > li { + background: none repeat scroll 0 0 #2F4D4F; + padding: 2px 0 2px 15px; } + .woocommerce .shop-sidebar > li:first-child { + border-top-left-radius: 5px; + border-top-right-radius: 5px; } + .woocommerce .shop-sidebar > li:last-child { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; } + .woocommerce .shop-sidebar > li a { + color: white; + text-transform: uppercase; } +.woocommerce #sidebar-category .shop-sidebar ul.products li.current h3 { + color: #0f789f; } +.woocommerce #sidebar-category .shop-sidebar ul.products li.current:hover h3 { + color: white; } +.woocommerce .shop-sidebar ul.products > li.product > a > div > img { + display: none; } + +/* End sidebar */ .woocommerce .st_sharethis { float: right; width: 58px; } diff --git a/functions.php b/functions.php index 6a456e2..9541411 100644 --- a/functions.php +++ b/functions.php @@ -95,6 +95,11 @@ function glm_get_header() { echo ''; } +function get_product_category_by_id($cat_id) +{ +$category = get_term_by('id', $cat_id, 'product_cat', 'OBJECT'); +return $category; +} add_filter( 'woocommerce_variation_option_name', 'display_price_in_variation_option_name' ); function display_price_in_variation_option_name( $term ) { @@ -131,8 +136,8 @@ remove_action( 'woocommerce_after_shop_loop_item', 'woocommerce_template_loop_pr add_action( 'woocommerce_shop_loop_item_title', 'woocommerce_template_loop_product_link_close', 30 ); add_filter ( 'woocommerce_product_thumbnails_columns', 'prod_thumb_cols' ); -//remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 ); -//add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 20 ); +remove_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 10 ); +add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_price', 20 ); // Change number or products per row to 3 add_filter('loop_shop_columns', 'loop_columns',999); diff --git a/scss/plugins/_woocommerce.scss b/scss/plugins/_woocommerce.scss index 8545978..06e4386 100644 --- a/scss/plugins/_woocommerce.scss +++ b/scss/plugins/_woocommerce.scss @@ -4,7 +4,8 @@ max-width: 700px; margin: 0 auto; } -.woocommerce { +main.woocommerce, +div.woocommerce { font-family: Arial; ul, ol, li { /* list-style: none;*/ @@ -79,7 +80,7 @@ } h1.product_title { color: $green; - line-height: 1; + line-height: 1.2; font-size: 40px; } .onsale { @@ -137,11 +138,11 @@ /* display: table;*/ .wc-tab { padding: 10px; - border: 1px solid $blue; + border: 1px solid lightgrey; } ul.wc-tabs { &:before { - border-bottom-color: $blue; + border-bottom-color: lightgrey; } &:after { @@ -279,7 +280,10 @@ max-width: 200px; } } - .shop_table { + .pf-content { + margin-top: 20px; + } + table.shop_table { width: 100%; .coupon { display: none; @@ -363,64 +367,6 @@ #content-wrapper.woocommerce-wrapper .main.woo-single-product { padding: 20px 3%; } - - /* Sidebar */ - .shop-sidebar { - margin-bottom: 20px; - } - .shop-sidebar ul.products > li.product { - width: 100%; - margin-bottom: 0px; - background-color: white; - } - .shop-sidebar ul.products { - margin-top: 0; - } - .shop-sidebar ul.products > li.product > a > h3 { - padding: 5px 0; - text-align: left; - font-weight: bold; - color: white; - line-height: 1.1; - } - .shop-sidebar { - list-style: outside none none; - margin-left: 0; - } - .shop-sidebar .products { - margin: 20px 0 0; - } - .shop-sidebar > li { - background: none repeat scroll 0 0 #2F4D4F; - // border-bottom: 1px solid #ffffff; - padding: 2px 0 2px 15px; - &:first-child { - border-top-left-radius: 5px; - border-top-right-radius: 5px; - } - &:last-child { - border-bottom-left-radius: 5px; - border-bottom-right-radius: 5px; - } - a { - color: white; - text-transform: uppercase; - } - } - #sidebar-category .shop-sidebar ul.products li.current { - h3 { - color: $blue; - } - - &:hover h3 { - color: white; - } - } - - .shop-sidebar ul.products > li.product > a > div > img { - display: none; - } - /* End sidebar */ nav.top-bar .top-bar-section > ul > li.drop > ul.dropdown .woocommerce { .products { position: inherit; @@ -535,10 +481,8 @@ display: table; width: 100%; margin-bottom: 20px; - float: right; .variations { display: block; - float: right; margin: 0 auto; width: auto; min-width: 190px; @@ -605,8 +549,9 @@ } .variations_button button { border-radius: 3px; + font-size: 16px; margin: 12px 0 0; - padding: 2px 8px; + padding: 8px 28px; } @media #{$small-only} { .variations, @@ -653,13 +598,13 @@ border-radius: 3px; clear: both; float: right; - margin-top: 10px; @media #{$small-only} { float:none; } background: rgba(0, 0, 0, 0) url("../assets/repeating-pattern.jpg") repeat scroll 0 0; - padding: 3px 10px; - font-size: 14px; + font-size: 16px; + margin: 12px 0 0; + padding: 8px 28px; border:1px solid transparent; &:hover, &:focus { background-color: white; @@ -796,21 +741,40 @@ } .summary.entry-summary { width: 60%; + @media #{$small-only} { + width: 100%; + } + } + .cart, + .price, + .quantity, + .qty, + .stock, + .single_variation_wrap, + .single_variation_wrap .single_variation { + float:none; + text-align: center; + margin: 0 auto; + } + + .single_add_to_cart_button, + .single_add_to_cart_button button { + text-align: center; + margin-top: 12px; + float: none; + } + .woo-qty-wrapper { + margin: 0 auto; + width: 100px; + } + .cart-qty-label { + float:left; + clear: none; + text-align: center; } } .thumbnails > a { - /* width: 21%; - float: left; - margin: 0 0.5%;*/ padding: 4px; - /* :first-child { - margin-left: 0; - padding-left: 0; - } - :nth-child(4n) { - margin-right: 0; - padding-left: 0; - }*/ img { height: 35px; } @@ -834,7 +798,7 @@ clear: none; padding: 10px; margin: 0; - height: 400px; + height: 300px; img { height: 150px; } @@ -847,6 +811,9 @@ .price > * { height: 20px; } + form.cart { + display: none; + } } /* End Related products */ } @@ -873,6 +840,15 @@ width: 100%; border: none; margin: 0 auto 10px; + .variations_form { + clear: both; + display: table; + width: 100%; + margin-bottom: 20px; + .variations { + float: right; + } + } @media #{$small-only} { margin-bottom: 25px; } @@ -1014,6 +990,7 @@ } } /* Product categories */ +#main-content ul.products li.product-category.product, #content ul.products li.product-category.product { width: 33.33%; @media #{$small-only} { @@ -1049,4 +1026,65 @@ main .woocommerce #respond input#submit.alt, main .woocommerce a.button.alt, mai main.woocommerce ul.products li.product,main.woocommerce-page ul.products li.product,main.woocommerce-page[class*="columns-"] ul.products li.product,main.woocommerce[class*="columns-"] ul.products li.product { clear: none; -} \ No newline at end of file +} + + + /* Sidebar */ +.woocommerce { + .shop-sidebar { + margin-bottom: 20px; + } + .shop-sidebar ul.products > li.product { + width: 100%; + margin-bottom: 0px; + background-color: white; + } + .shop-sidebar ul.products { + margin-top: 0; + } + .shop-sidebar ul.products > li.product > a > h3 { + padding: 5px 0; + text-align: left; + font-weight: bold; + color: white; + line-height: 1.1; + } + .shop-sidebar { + list-style: outside none none; + margin-left: 0; + } + .shop-sidebar .products { + margin: 20px 0 0; + } + .shop-sidebar > li { + background: none repeat scroll 0 0 #2F4D4F; + // border-bottom: 1px solid #ffffff; + padding: 2px 0 2px 15px; + &:first-child { + border-top-left-radius: 5px; + border-top-right-radius: 5px; + } + &:last-child { + border-bottom-left-radius: 5px; + border-bottom-right-radius: 5px; + } + a { + color: white; + text-transform: uppercase; + } + } + #sidebar-category .shop-sidebar ul.products li.current { + h3 { + color: $blue; + } + + &:hover h3 { + color: white; + } + } + + .shop-sidebar ul.products > li.product > a > div > img { + display: none; + } +} + /* End sidebar */ \ No newline at end of file diff --git a/woocommerce/single-product/add-to-cart/simple.php b/woocommerce/single-product/add-to-cart/simple.php index f7759af..aafa3b8 100644 --- a/woocommerce/single-product/add-to-cart/simple.php +++ b/woocommerce/single-product/add-to-cart/simple.php @@ -41,10 +41,10 @@ if ( ! $product->is_purchasable() ) {
- +
is_sold_individually() ) { - ?>QuantityQty apply_filters( 'woocommerce_quantity_input_min', 1, $product ), 'max_value' => apply_filters( 'woocommerce_quantity_input_max', $product->backorders_allowed() ? '' : $product->get_stock_quantity(), $product ), @@ -53,7 +53,7 @@ if ( ! $product->is_purchasable() ) { } ?> - +
diff --git a/woocommerce/single-product/add-to-cart/variation-add-to-cart-button.php b/woocommerce/single-product/add-to-cart/variation-add-to-cart-button.php index 8aab3a5..5102718 100644 --- a/woocommerce/single-product/add-to-cart/variation-add-to-cart-button.php +++ b/woocommerce/single-product/add-to-cart/variation-add-to-cart-button.php @@ -15,14 +15,16 @@ global $product; ?>
variations_button"> - is_sold_individually() ) : ?> - Quantity +
+ is_sold_individually() ) : ?> + Qty: ( 1 ), 'min_value' => apply_filters( 'woocommerce_quantity_input_min', 1, $product ), 'max_value' => apply_filters( 'woocommerce_quantity_input_max', $product->backorders_allowed() ? '' : $product->get_stock_quantity(), $product ) ) ); ?> +
-- 2.17.1