* 1.0.9 - Updated CSS rules to isolate styling to product brands only.

Author: fryshaun

includes/class-product-brand-shortcode.php

@@ -34,7 +34,7 @@ public function product_brand_list_shortcode($atts) {
     $output = '';
 
     if (!empty($brands)) {
-      $output .= '<div class="brand-gallery main-carousel">';
+      $output .= '<div class="fd-product-brand brand-gallery main-carousel">';
 
       foreach ($brands as $brand) {
         $brand_id = $brand->term_id;

public/css/product-brands.css

@@ -1,27 +1,28 @@
-@media screen and (max-width: 768px) {
-    .flickity-enabled {
-        margin-left: 0;
-        margin-right: 0;
+  @media screen and (max-width: 768px) {
+    .fd-product-brand {
+      margin-left: 0;
+      margin-right: 0;
     }
-    .flickity-enabled .carousel-cell {
-        margin-left: 0;
+    .fd-product-brand .carousel-cell {
+      margin-left: 0;
     }
-}
-  
-.flickity-enabled {
+  }
+
+  .fd-product-brand  {
     margin-left: 5rem;
     margin-right: 5rem;
-}
+  }
 
-.flickity-enabled .carousel-cell {
-  height: 200px;
-  width: 200px;
-  margin-left: 3rem;
-}
+  .fd-product-brand .carousel-cell {
+    height: 200px;
+    width: 200px;
+    margin-left: 3rem;
+  }
 
-.flickity-enabled .carousel-cell img {
+  .fd-product-brand .carousel-cell img {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     max-height: 100px;
-}
+  }
+  

readme.md

@@ -16,6 +16,7 @@ To use this shortcode, you can simply add `[product_brand_list]` to any post or
 * 1.0.6 - Responsive CSS update, enable draggable
 * 1.0.7 - shortcode url link correction, link to slug instead of brand name.
 * 1.0.8 - Bug Fix - class WooCommerce_Product_Brand does not have a method "save_product_brand_meta_data"
+* 1.0.9 - Updated CSS rules to isolate styling to product brands only.
 
 
 # Future Development