adjusting product image holders

diff --git a/style.css b/style.css
index dc5f616..38032fa 100644 (file)
--- 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%; }