Added specificity when referring to product titles or category titles on the shop...

diff --git a/style.css b/style.css
index 5ff6674..051c021 100644 (file)
--- a/style.css
+++ b/style.css
@@ -22,6 +22,7 @@ Version: 1.0.6
     background: rgb(99, 133, 73);
     color: white;
 }
+.site-main ul.products li.product .g-product-title .woocommerce-loop-product__title,
 .site-main ul.products li.product .g-product-title .woocommerce-loop-category__title{
     background: rgb(99, 133, 73);
     color: white;
@@ -1093,6 +1094,7 @@ p.stars a {
         right: 1em;
         /*padding: 1.387em 1.618em; */
         opacity: 0; }
+        .site-main ul.products li.product .g-product-title .woocommerce-loop-product__title {
         .site-main ul.products li.product .g-product-title .woocommerce-loop-category__title {
           margin: 0;
           font-weight: 400;
@@ -1142,6 +1144,7 @@ p.stars a {
       /*background: transparent;*/
         background: #638549;
       padding: 1em 1.387em; }
+      .site-main ul.products li.product-category .g-product-title .woocommerce-loop-product__title,
       .site-main ul.products li.product-category .g-product-title .woocommerce-loop-category__title {
         font-family: "Libre Baskerville", "Georgia", serif;
         font-style: normal;
@@ -1155,6 +1158,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 .woocommerce-loop-product__title,
     .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 {