[Skip to main content](#vessel-content) # Change height of Brand module div - SOLVED ## - **[jen168](/forum/user/8020-jen168 "View jen168's Profile")** - [![jen168's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8020-jen168 "View jen168's Profile") Topic Author - [ Offline](/forum/user/8020-jen168) Less More - Posts: 55 - Thank you received: 0 - - 14 years 1 week ago - 14 years 1 week ago [\#70428](#70428) by [jen168](/forum/user/8020-jen168 "View jen168's Profile") *[Change height of Brand module div - SOLVED](/forum/4-how-to/70428-change-height-of-brand-module-div-solved#70428 "Hi, I'm sure I'm missing something very obvious here - I need to change the Brand module div so the height is auto, currently the html specifies the height as inline css: I'm not sure where in the files to alter this, please help? I understand that usually I would set the div height in the admin options for the content module, but I have left it blank and it is defaulting to 100px. I changed the height of hikashop_category_image in frontend.css to "auto !important", but that affects all instances of category images and I only want it to apply to the Brands listing module. Is there a way to apply a specific css suffix to these images? Thanks, Jen Solution: just a simple css fix - applied class suffix 'brands' to my brands module, then added this to frontend.css: .hikashop_module.brands div.hikashop_category_image{ height: auto !important; }")* was created by *[jen168](/forum/user/8020-jen168 "View jen168's Profile")* Hi, I'm sure I'm missing something very obvious here - I need to change the Brand module div so the height is auto, currently the html specifies the height as inline css: <div style="height:100px;text-align:center;clear:both;" class="hikashop_category_image"> I'm not sure where in the files to alter this, please help? I understand that usually I would set the div height in the admin options for the content module, but I have left it blank and it is defaulting to 100px. I changed the height of hikashop_category_image in frontend.css to "auto !important", but that affects all instances of category images and I only want it to apply to the Brands listing module. Is there a way to apply a specific css suffix to these images? Thanks, Jen Solution: just a simple css fix - applied class suffix 'brands' to my brands module, then added this to frontend.css: .hikashop_module.brands div.hikashop_category_image{ height: auto !important; } Last edit: 14 years 1 week ago by [jen168](/forum/user/8020-jen168 "View jen168's Profile"). Reason: found solution Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzcwNDI4LWNoYW5nZS1oZWlnaHQtb2YtYnJhbmQtbW9kdWxlLWRpdi1zb2x2ZWQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) 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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86295 - Thank you received: 14273 - - 14 years 1 week ago [\#70559](#70559) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Change height of Brand module div - SOLVED](/forum/4-how-to/70428-change-height-of-brand-module-div-solved#70559 "Hi, I'm sure I'm missing something very obvious here - I need to change the Brand module div so the height is auto, currently the html specifies the height as inline css: I'm not sure where in the files to alter this, please help? I understand that usually I would set the div height in the admin options for the content module, but I have left it blank and it is defaulting to 100px. I changed the height of hikashop_category_image in frontend.css to "auto !important", but that affects all instances of category images and I only want it to apply to the Brands listing module. Is there a way to apply a specific css suffix to these images? Thanks, Jen Solution: just a simple css fix - applied class suffix 'brands' to my brands module, then added this to frontend.css: .hikashop_module.brands div.hikashop_category_image{ height: auto !important; }")* Hi, Yes, that CSS is indeed the way to go. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzcwNDI4LWNoYW5nZS1oZWlnaHQtb2YtYnJhbmQtbW9kdWxlLWRpdi1zb2x2ZWQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[jen168](/forum/user/8020-jen168 "View jen168's Profile")** - [![jen168's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8020-jen168 "View jen168's Profile") Topic Author - [ Offline](/forum/user/8020-jen168) Less More - Posts: 55 - Thank you received: 0 - - 13 years 11 months ago - 13 years 11 months ago [\#74914](#74914) by [jen168](/forum/user/8020-jen168 "View jen168's Profile") Replied by *[jen168](/forum/user/8020-jen168 "View jen168's Profile")* on topic *[Re: Change height of Brand module div - SOLVED](/forum/4-how-to/70428-change-height-of-brand-module-div-solved#74914 "Hi, I'm sure I'm missing something very obvious here - I need to change the Brand module div so the height is auto, currently the html specifies the height as inline css: I'm not sure where in the files to alter this, please help? I understand that usually I would set the div height in the admin options for the content module, but I have left it blank and it is defaulting to 100px. I changed the height of hikashop_category_image in frontend.css to "auto !important", but that affects all instances of category images and I only want it to apply to the Brands listing module. Is there a way to apply a specific css suffix to these images? Thanks, Jen Solution: just a simple css fix - applied class suffix 'brands' to my brands module, then added this to frontend.css: .hikashop_module.brands div.hikashop_category_image{ height: auto !important; }")* Hi again, I've just updated my version of hikashop and although it is still using my custom.css file, it is no longer applying the height: auto; property to my brand module images. I've tried changing the module suffix in the joomla module options, and still nothing. I notice that when viewing the source code it no longer makes any reference to my module suffix, i'm pretty sure that it should.... Can you please explain why it is not applying the class to the module? Thanks EDIT - fine, i've done by applying this class instead: div#hikashop_category_information_module_99.hikashop_category_information.hikashop_categories_listing_main div.hikashop_category_image { height: auto !important; } why is it now so different? Last edit: 13 years 11 months ago by [jen168](/forum/user/8020-jen168 "View jen168's Profile"). Reason: found solution Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzcwNDI4LWNoYW5nZS1oZWlnaHQtb2YtYnJhbmQtbW9kdWxlLWRpdi1zb2x2ZWQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) 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)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86295 - Thank you received: 14273 - - 13 years 11 months ago [\#75742](#75742) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Re: Change height of Brand module div - SOLVED](/forum/4-how-to/70428-change-height-of-brand-module-div-solved#75742 "Hi, I'm sure I'm missing something very obvious here - I need to change the Brand module div so the height is auto, currently the html specifies the height as inline css: I'm not sure where in the files to alter this, please help? I understand that usually I would set the div height in the admin options for the content module, but I have left it blank and it is defaulting to 100px. I changed the height of hikashop_category_image in frontend.css to "auto !important", but that affects all instances of category images and I only want it to apply to the Brands listing module. Is there a way to apply a specific css suffix to these images? Thanks, Jen Solution: just a simple css fix - applied class suffix 'brands' to my brands module, then added this to frontend.css: .hikashop_module.brands div.hikashop_category_image{ height: auto !important; }")* Hi, The class suffix of modules is added to the div around the module by the template chrome system. IF you don't see it anymore, it's either that it was removed in the options of the module, or that your template chrome system is not adding it anymore. More information on that here: [ www.youtube.com/watch?v=2z9IT2jI7hg](http://www.youtube.com/watch?v=2z9IT2jI7hg) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzcwNDI4LWNoYW5nZS1oZWlnaHQtb2YtYnJhbmQtbW9kdWxlLWRpdi1zb2x2ZWQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[jen168](/forum/user/8020-jen168 "View jen168's Profile")** - [![jen168's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8020-jen168 "View jen168's Profile") Topic Author - [ Offline](/forum/user/8020-jen168) Less More - Posts: 55 - Thank you received: 0 - - 13 years 9 months ago - 13 years 9 months ago [\#84616](#84616) by [jen168](/forum/user/8020-jen168 "View jen168's Profile") Replied by *[jen168](/forum/user/8020-jen168 "View jen168's Profile")* on topic *[Re: Change height of Brand module div - SOLVED](/forum/4-how-to/70428-change-height-of-brand-module-div-solved#84616 "Hi, I'm sure I'm missing something very obvious here - I need to change the Brand module div so the height is auto, currently the html specifies the height as inline css: I'm not sure where in the files to alter this, please help? I understand that usually I would set the div height in the admin options for the content module, but I have left it blank and it is defaulting to 100px. I changed the height of hikashop_category_image in frontend.css to "auto !important", but that affects all instances of category images and I only want it to apply to the Brands listing module. Is there a way to apply a specific css suffix to these images? Thanks, Jen Solution: just a simple css fix - applied class suffix 'brands' to my brands module, then added this to frontend.css: .hikashop_module.brands div.hikashop_category_image{ height: auto !important; }")* OK, I've just attempted to follow these instructions [ www.hikashop.com/en/forum/4-how-to/10150...he-product-page.html](http://www.hikashop.com/en/forum/4-how-to/10150-larger-image-on-the-product-page.html) as I wanted to have larger images on my product page, and it's caused a problem with my brand module image sizes... Could someone please take a look and let me know what CSS fix I can apply this time as the original styles don't seem to be having any effect. Thanks! [ www.commuter-hub.com/brands](http://www.commuter-hub.com/brands) Last edit: 13 years 9 months ago by [jen168](/forum/user/8020-jen168 "View jen168's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzcwNDI4LWNoYW5nZS1oZWlnaHQtb2YtYnJhbmQtbW9kdWxlLWRpdi1zb2x2ZWQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[jen168](/forum/user/8020-jen168 "View jen168's Profile")** - [![jen168's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/8020-jen168 "View jen168's Profile") Topic Author - [ Offline](/forum/user/8020-jen168) Less More - Posts: 55 - Thank you received: 0 - - 13 years 9 months ago [\#84626](#84626) by [jen168](/forum/user/8020-jen168 "View jen168's Profile") Replied by *[jen168](/forum/user/8020-jen168 "View jen168's Profile")* on topic *[Re: Change height of Brand module div - SOLVED](/forum/4-how-to/70428-change-height-of-brand-module-div-solved#84626 "Hi, I'm sure I'm missing something very obvious here - I need to change the Brand module div so the height is auto, currently the html specifies the height as inline css: I'm not sure where in the files to alter this, please help? I understand that usually I would set the div height in the admin options for the content module, but I have left it blank and it is defaulting to 100px. I changed the height of hikashop_category_image in frontend.css to "auto !important", but that affects all instances of category images and I only want it to apply to the Brands listing module. Is there a way to apply a specific css suffix to these images? Thanks, Jen Solution: just a simple css fix - applied class suffix 'brands' to my brands module, then added this to frontend.css: .hikashop_module.brands div.hikashop_category_image{ height: auto !important; }")* Nevermind, fixed. This time: #hikashop_category_information_module_99 div.hikashop_subcontainer img Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzcwNDI4LWNoYW5nZS1oZWlnaHQtb2YtYnJhbmQtbW9kdWxlLWRpdi1zb2x2ZWQ/dG1wbD1tYXJrZG93bg==) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. Board Categories HikaShop- Install & Update- Product & Category Display- Content Creation- Sales and Orders- - Orders management- - Reports & Statistics- Customers- Checkout- Payment Methods- Shipping Methods- Import & Export (CSV, XLS…)- Specific Features- - Affilation- - Taxes- - Wishlist- - Vote- - Carousel & Slider- - Mass Actions- - Filters & Search- - Discount & 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.130 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)