Responsivenes conflict between component and module

Hello,

I have a display conflict between the component product listing and the module slideshow.

I added the following custom code to have the listing images responsive:
.hikashop_product_image_subdiv {
width: 100%!important;
}

But then in the content module the image is too big in the slider and not responsive.

How can this be solved?

PS: I forgot to select the forum category for the post....sorry

Hi,

The menu items and modules of HikaShop displaying the listings have a specific class in their main div that you can use so that your CSS apply only to one menu item, or one module.
So it's not a problem doing what you want.
However, the exact class to prefix your CSS will depend on how your website is configured and without a link to the page you're talking about I can't say precisely. But if you look at the HTML of the listing with your browser's developers tools, you should be able to find that main div class.