From 06704078ed3de31d7938cadee88ea5940729a984 Mon Sep 17 00:00:00 2001 From: Anthony Talarico Date: Wed, 25 Nov 2015 16:33:20 -0500 Subject: [PATCH] adjusting product image holders --- style.css | 30 ++++++++++++++++++++++++++++-- 1 file changed, 28 insertions(+), 2 deletions(-) diff --git a/style.css b/style.css index dc5f616..38032fa 100644 --- a/style.css +++ b/style.css @@ -59,6 +59,18 @@ Text Domain: galleria .g-product-title.animated.fadeIn{ opacity: 0.7 !important; } +@media (min-width: 900px) and (max-width: 1200px){ + .site-main ul.products li.product { + width: 20%; + height: 210px !important; + margin-bottom: 0; } +} +@media (min-width: 1200px) and (max-width: 1800px){ + .site-main ul.products li.product { + width: 20%; + height: 265px !important; + margin-bottom: 0; } +} /* end of custom css */ @@ -643,6 +655,7 @@ p.stars a { margin-bottom: .618em; font-weight: 900 !important; } .single-product div.product .summary .price .amount { + color: white; opacity: 1; } .single-product div.product .summary .woocommerce-product-rating { margin-bottom: 0; @@ -987,10 +1000,15 @@ 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+9) { + + /*.site-main ul.products li.product:nth-child(n+5):nth-child(-n+8) { position: absolute; - + top: 250px !important; } + .site-main ul.products li.product:nth-child(n+9):nth-child(-n+12) { + position: absolute; + top: 250px !important; + } */ .site-main ul.products li.product > a { display: block; @@ -1343,6 +1361,12 @@ p.stars a { .woocommerce-active.swc-header-no-cart.swc-header-no-search .site-header .site-logo-anchor, .woocommerce-active.swc-header-no-cart.swc-header-no-search .site-header .site-logo-link { margin-left: 34.7826086957%; } } +@media screen and (min-width: 980px) { + .site-main ul.products li.product { + + } +} + @media screen and (min-width: 1024px) { .sph-hero.full, .sprh-hero.full { @@ -1362,6 +1386,7 @@ p.stars a { .site-main ul.products li.product { width: 25%; + height: 250px; margin-bottom: 0; } .site-main ul.products li.product:nth-child(3n) { width: 25%; } @@ -1370,6 +1395,7 @@ p.stars a { @media screen and (min-width: 1800px) { .site-main ul.products li.product { width: 20%; + height: 220px; margin-bottom: 0; } .site-main ul.products li.product:nth-child(3n) { width: 20%; } -- 2.17.1