[Skip to main content](#vessel-content)

#   Responsivenes conflict between component and module

##

- **[pprle](/forum/user/11949-pprle "View pprle's Profile")**
- [![pprle's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/gallery/blue_hikashop_heart.png)](/forum/user/11949-pprle "View pprle's Profile") Topic Author
- [ Offline](/forum/user/11949-pprle)

Less More

- Posts: 158
- Thank you received: 8
-
-

8 years 4 months ago -  8 years 4 months ago [\#293666](#293666) by [pprle](/forum/user/11949-pprle "View pprle's Profile")  *[Responsivenes conflict between component and module](/forum/25-install-update/894922-responsivenes-conflict-between-component-and-module#293666 "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&#95;product&#95;image&#95;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")* was created by *[pprle](/forum/user/11949-pprle "View pprle's Profile")*

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

Last edit: 8 years 4 months ago by [pprle](/forum/user/11949-pprle "View pprle's Profile"). Reason: Wrong forum category

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2luc3RhbGwtdXBkYXRlLzg5NDkyMi1yZXNwb25zaXZlbmVzLWNvbmZsaWN0LWJldHdlZW4tY29tcG9uZW50LWFuZC1tb2R1bGU/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation.

- **[nicolas](/forum/user/63-nicolas "View nicolas's Profile")**
- [![nicolas's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar63.png?1793428657)](/forum/user/63-nicolas "View nicolas's Profile")
- [ Away](/forum/user/63-nicolas)

Less More

- Posts: 86323
- Thank you received: 14282
-
-

8 years 4 months ago [\#293667](#293667) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Responsivenes conflict between component and module](/forum/25-install-update/894922-responsivenes-conflict-between-component-and-module#293667 "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&#95;product&#95;image&#95;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.

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtL2luc3RhbGwtdXBkYXRlLzg5NDkyMi1yZXNwb25zaXZlbmVzLWNvbmZsaWN0LWJldHdlZW4tY29tcG9uZW50LWFuZC1tb2R1bGU/dG1wbD1tYXJrZG93bg==) or [Create an account](/register) to join the conversation.

Board Categories HikaShop Install &amp; Update Product &amp; Category Display Content Creation Sales and Orders Orders management Reports &amp; Statistics Customers Checkout Payment Methods Shipping Methods Import &amp; Export (CSV, XLS…) Specific Features Affilation Taxes Wishlist Vote Carousel &amp; Slider Mass Actions Filters &amp; Search Discount &amp; Coupon Feature Request Integrations Showcase General Talk about HikaShop Development HikaShop 3.0 Beta Translation Commercial Jobs HikaShop Components HikaMarket Market: Feature requests Market: How to? Market: Bug Report HikaSerial General talk about HikaSerial Serial: Bug Report Serial: How to? Support en Français de HikaSerial (French Support) HikaSubscription HikaAuction Auction: Feature requests Auction: How to? Auction: Bug report Hikashop around the world Support en Français (French Support) Russian FAQ. Курс выживания с Hikashop. Частые вопросы и о Расширения Hikashop Наши сайты на Hikashop 日本語版サポート(Japanese Support) Thai German Archives Bug Report How to?

[](/forum/topics/feed/mode-topics?format=feed&type=rss)

Time to create page: 0.072 seconds

[Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)
