How to fix the conflict with theme Codazon/Fastest_food_drink on the on category page ?

Created by Rosa Truong, Modified on Mon, 14 Dec, 2020 at 4:15 PM by Rosa Truong

Issue

I installed Product Label for Magento 2 in a custom theme (very popular named Codazon/Fastest_food_drink), however, in grid mode, there is a problem with CSS.

It opens a big gap between the image and the name price, please refer to the screenshots for your reference


Solution:


The issue on the site is from the conflict between our module and the 3rd-party theme Codazon/Fastest.

The module is setting CSS 'position', 'relative' for the product-image-container so it breaks the CSS from the theme.

To fix this conflict, we would like to give you the hot-fix as below.


Step 1: Please edit this file 

app/design/frontend/Codazon/fastest/food_drink/Bss_ProductLabel/web/js/label-productlist-page.js 

Step 2: Apply the fixed file and flush the cache.


If you need any further support, please feel free to contact us know.

We'd like to help.

Was this article helpful?

That’s Great!

Thank you for your feedback

Sorry! We couldn't be helpful

Thank you for your feedback

Let us know how can we improve this article!

Select at least one of the reasons
CAPTCHA verification is required.

Feedback sent

We appreciate your effort and will try to fix the article