From b680eb2ef8effcb9180af855ede99a5a586e4068 Mon Sep 17 00:00:00 2001 From: Laury GvR Date: Tue, 23 May 2017 14:10:22 -0400 Subject: [PATCH] New styles for woocommerce updates to the markup. Nothing should be noticeably changed on the front-end --- style.css | 30 +++++++++++++++--------------- 1 file changed, 15 insertions(+), 15 deletions(-) diff --git a/style.css b/style.css index 85f8cd7..5ff6674 100644 --- a/style.css +++ b/style.css @@ -22,7 +22,7 @@ Version: 1.0.6 background: rgb(99, 133, 73); color: white; } -.site-main ul.products li.product .g-product-title h3{ +.site-main ul.products li.product .g-product-title .woocommerce-loop-category__title{ background: rgb(99, 133, 73); color: white; } @@ -43,11 +43,11 @@ Version: 1.0.6 top: 26px !important; } .single-product .related ul.products li.product, .single-product .upsells ul.products li.product{ - + } .widget-area .widget{ display: none !important; - + } .storefront-single-product-pagination{ display: none !important; @@ -73,7 +73,7 @@ Version: 1.0.6 float: right; clear: none; } - + .single-product .related ul.products li.product, .single-product .upsells ul.products li.product { width: 25% ; @@ -434,7 +434,7 @@ table.variations td { /* added anthonyT */ .site-header .g-top-bar .site-branding { - background: url("/wp-content/themes/galleria/assets/the-molehole-logo.jpg") 0% 40% no-repeat; + background: url("/wp-content/themes/galleria/assets/the-molehole-logo.jpg") 0% 40% no-repeat; background-size: 100% auto; height: 100px; max-width: 365px; @@ -458,7 +458,7 @@ table.variations td { .site-branding a { -webkit-transition: -webkit-transform, ease, 0.2s; -moz-transition: -moz-transform, ease, 0.2s; - transition: transform, ease, 0.2s; + transition: transform, ease, 0.2s; display: block; } .site-branding a:hover { -webkit-transform: translateY(-6px); @@ -518,7 +518,7 @@ button, input[type="button"], input[type="reset"], input[type="submit"], .button padding: .618em .857em; } input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea, .input-text { - box-shadow: none; + box-shadow: none; line-height: 27px;} button.alt, input[type="button"].alt, input[type="reset"].alt, input[type="submit"].alt, .button.alt, .added_to_cart.alt, .widget-area .widget a.button.alt, .added_to_cart { @@ -1063,7 +1063,7 @@ p.stars a { .site-main .storefront-recent-products ul.products li.product,.site-main .storefront-featured-products ul.products li.product, .site-main .storefront-popular-products ul.products li.product{ height: 350px; } - + /*.site-main ul.products li.product:nth-child(n+5):nth-child(-n+8) { position: absolute; top: 250px !important; @@ -1072,7 +1072,7 @@ p.stars a { position: absolute; top: 250px !important; } */ - + .site-main ul.products li.product > a { display: block; overflow: hidden; } @@ -1093,7 +1093,7 @@ p.stars a { right: 1em; /*padding: 1.387em 1.618em; */ opacity: 0; } - .site-main ul.products li.product .g-product-title h3 { + .site-main ul.products li.product .g-product-title .woocommerce-loop-category__title { margin: 0; font-weight: 400; font-size: 1em; @@ -1131,8 +1131,8 @@ p.stars a { .site-main ul.products li.product-category .g-product-title { opacity: 1; /*top: 50%; */ - left: 25%; - + left: 25%; + margin: -5px auto; width: auto; display: inline-block; @@ -1142,7 +1142,7 @@ p.stars a { /*background: transparent;*/ background: #638549; padding: 1em 1.387em; } - .site-main ul.products li.product-category .g-product-title h3 { + .site-main ul.products li.product-category .g-product-title .woocommerce-loop-category__title { font-family: "Libre Baskerville", "Georgia", serif; font-style: normal; font-size: 14px; @@ -1155,7 +1155,7 @@ p.stars a { transition: all, ease, 0.2s; } .site-main ul.products li.product-category img { opacity: 1; } - .site-main ul.products li.product-category:hover .g-product-title h3 { + .site-main ul.products li.product-category:hover .g-product-title .woocommerce-loop-category__title { opacity: 1; } .site-main ul.products li.product-category:hover img { opacity: .15; @@ -1429,7 +1429,7 @@ p.stars a { margin-left: 34.7826086957%; } } @media screen and (min-width: 980px) { .site-main ul.products li.product { - + } } -- 2.17.1