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

#   CSS override issue

##

- **[mrdexter](/forum/user/1863-mrdexter "View mrdexter's Profile")**
- [![mrdexter's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1863-mrdexter "View mrdexter's Profile") Topic Author
- [ Offline](/forum/user/1863-mrdexter)

Less More

- Posts: 43
- Thank you received: 0
-
-

15 years 6 months ago [\#15414](#15414) by [mrdexter](/forum/user/1863-mrdexter "View mrdexter's Profile")  *[CSS override issue](/forum/4-how-to/15414-css-override-issue#15414 "Hi Gang,  I'm trying to mimic the layout on the demo site:   www.demo.hikashop.com/index.php?option=c...or&amp;Itemid=59&amp;lang=en  for ONE particular category.  You have the following css:  which appears to be a style override.  I cannot change the div class &quot;hikashop&#95;product&quot; globally as on most of my products I need to it be 100%.  Can you please shed any light on how you have set the style of that particular div?  Thanks")* was created by *[mrdexter](/forum/user/1863-mrdexter "View mrdexter's Profile")*

Hi Gang,

I'm trying to mimic the layout on the demo site: [ www.demo.hikashop.com/index.php?option=c...or&amp;Itemid=59&amp;lang=en](http://www.demo.hikashop.com/index.php?option=com_hikashop&ctrl=category&task=listing&cid=13&name=exterior&Itemid=59&lang=en) for ONE particular category.

You have the following css: &lt;div class="hikashop_product" style="width: 32%;"&gt; which appears to be a style override.

I cannot change the div class "hikashop_product" globally as on most of my products I need to it be 100%.

Can you please shed any light on how you have set the style of that particular div?

Thanks

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE1NDE0LWNzcy1vdmVycmlkZS1pc3N1ZT90bXBsPW1hcmtkb3du) 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")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14281
-
-

15 years 6 months ago [\#15423](#15423) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: CSS override issue](/forum/4-how-to/15414-css-override-issue#15423 "Hi Gang,  I'm trying to mimic the layout on the demo site:   www.demo.hikashop.com/index.php?option=c...or&amp;Itemid=59&amp;lang=en  for ONE particular category.  You have the following css:  which appears to be a style override.  I cannot change the div class &quot;hikashop&#95;product&quot; globally as on most of my products I need to it be 100%.  Can you please shed any light on how you have set the style of that particular div?  Thanks")*

You don't need to change any CSS for that nor edit the view.
You can just go in your mneu/module's hikashop options and change the "number of columns" option to 1.

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

- **[mrdexter](/forum/user/1863-mrdexter "View mrdexter's Profile")**
- [![mrdexter's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1863-mrdexter "View mrdexter's Profile") Topic Author
- [ Offline](/forum/user/1863-mrdexter)

Less More

- Posts: 43
- Thank you received: 0
-
-

15 years 6 months ago [\#15501](#15501) by [mrdexter](/forum/user/1863-mrdexter "View mrdexter's Profile")  Replied by *[mrdexter](/forum/user/1863-mrdexter "View mrdexter's Profile")* on topic *[Re: CSS override issue](/forum/4-how-to/15414-css-override-issue#15501 "Hi Gang,  I'm trying to mimic the layout on the demo site:   www.demo.hikashop.com/index.php?option=c...or&amp;Itemid=59&amp;lang=en  for ONE particular category.  You have the following css:  which appears to be a style override.  I cannot change the div class &quot;hikashop&#95;product&quot; globally as on most of my products I need to it be 100%.  Can you please shed any light on how you have set the style of that particular div?  Thanks")*

Then I'm doing something very wrong. I've changed columns to 1 in both the menu and associated module.

I still have this in the css:

\#hikashop_category_information_module_48 div.hikashop_category, #hikashop_category_information_module_48 div.hikashop_product {
float: left;
**width: 100%;**
}
cushio...esories (line 49)
\#hikashop_category_information_menu_4 div.hikashop_category, #hikashop_category_information_menu_4 div.hikashop_product {
float: left;
**width: 100%;**

And it is still spanning the whole page.

[ www.vintageleathersofas.com/cushions-and-accesories](http://www.vintageleathersofas.com/cushions-and-accesories)

Any thoughts?

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE1NDE0LWNzcy1vdmVycmlkZS1pc3N1ZT90bXBsPW1hcmtkb3du) 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")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14281
-
-

15 years 6 months ago -  15 years 6 months ago [\#15506](#15506) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: CSS override issue](/forum/4-how-to/15414-css-override-issue#15506 "Hi Gang,  I'm trying to mimic the layout on the demo site:   www.demo.hikashop.com/index.php?option=c...or&amp;Itemid=59&amp;lang=en  for ONE particular category.  You have the following css:  which appears to be a style override.  I cannot change the div class &quot;hikashop&#95;product&quot; globally as on most of my products I need to it be 100%.  Can you please shed any light on how you have set the style of that particular div?  Thanks")*

Are you sure tht you changed it for the module with the id 48 ?

If yes, then maybe you have your modules cached in joomla because that should definitely work...

Last edit: 15 years 6 months ago by [nicolas](/forum/user/63-nicolas "View nicolas's Profile"). Reason: wrong id...

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

- **[mrdexter](/forum/user/1863-mrdexter "View mrdexter's Profile")**
- [![mrdexter's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1863-mrdexter "View mrdexter's Profile") Topic Author
- [ Offline](/forum/user/1863-mrdexter)

Less More

- Posts: 43
- Thank you received: 0
-
-

15 years 6 months ago [\#15510](#15510) by [mrdexter](/forum/user/1863-mrdexter "View mrdexter's Profile")  Replied by *[mrdexter](/forum/user/1863-mrdexter "View mrdexter's Profile")* on topic *[Re: CSS override issue](/forum/4-how-to/15414-css-override-issue#15510 "Hi Gang,  I'm trying to mimic the layout on the demo site:   www.demo.hikashop.com/index.php?option=c...or&amp;Itemid=59&amp;lang=en  for ONE particular category.  You have the following css:  which appears to be a style override.  I cannot change the div class &quot;hikashop&#95;product&quot; globally as on most of my products I need to it be 100%.  Can you please shed any light on how you have set the style of that particular div?  Thanks")*

It's id 48, not 28?

I've just had a look in the demo back end and your settings are columns 3, which I have entered on mine, but still no change.
I don't think it's a cache issue beacuse I can change the item box background colour and see an immediate change.

I think I may have over ridden a default setting somewhere to force it to be 100%...I'll get digging. Thanks for your help ![:-)](/media/kunena/emoticons/3.png ":-)")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE1NDE0LWNzcy1vdmVycmlkZS1pc3N1ZT90bXBsPW1hcmtkb3du) 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")
- [ Offline](/forum/user/63-nicolas)

Less More

- Posts: 86322
- Thank you received: 14281
-
-

15 years 6 months ago [\#15511](#15511) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile")  Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: CSS override issue](/forum/4-how-to/15414-css-override-issue#15511 "Hi Gang,  I'm trying to mimic the layout on the demo site:   www.demo.hikashop.com/index.php?option=c...or&amp;Itemid=59&amp;lang=en  for ONE particular category.  You have the following css:  which appears to be a style override.  I cannot change the div class &quot;hikashop&#95;product&quot; globally as on most of my products I need to it be 100%.  Can you please shed any light on how you have set the style of that particular div?  Thanks")*

Yes, I meant 48.

If it's 100% then if must be the number of columns of that module...

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

- **[mrdexter](/forum/user/1863-mrdexter "View mrdexter's Profile")**
- [![mrdexter's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/1863-mrdexter "View mrdexter's Profile") Topic Author
- [ Offline](/forum/user/1863-mrdexter)

Less More

- Posts: 43
- Thank you received: 0
-
-

15 years 6 months ago [\#15513](#15513) by [mrdexter](/forum/user/1863-mrdexter "View mrdexter's Profile")  Replied by *[mrdexter](/forum/user/1863-mrdexter "View mrdexter's Profile")* on topic *[Re: CSS override issue](/forum/4-how-to/15414-css-override-issue#15513 "Hi Gang,  I'm trying to mimic the layout on the demo site:   www.demo.hikashop.com/index.php?option=c...or&amp;Itemid=59&amp;lang=en  for ONE particular category.  You have the following css:  which appears to be a style override.  I cannot change the div class &quot;hikashop&#95;product&quot; globally as on most of my products I need to it be 100%.  Can you please shed any light on how you have set the style of that particular div?  Thanks")*

Got it. At some point obviously not understanding the column thing I edited View &gt; Products Listing_Div. I have restored this to the original and it is now behaving as it should.

Thanks ever so much for your help Nicolas, you're a credit to hikashop ![:-)](/media/kunena/emoticons/3.png ":-)")

Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzE1NDE0LWNzcy1vdmVycmlkZS1pc3N1ZT90bXBsPW1hcmtkb3du) 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.064 seconds

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