[Skip to main content](#vessel-content) # Format a specific hikashop module ## - **[Odda](/forum/user/6543-odda "View Odda's Profile")** - [![Odda's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6543-odda "View Odda's Profile") Topic Author - [ Offline](/forum/user/6543-odda) Less More - Posts: 51 - Thank you received: 2 - - 9 years 5 months ago [\#270258](#270258) by [Odda](/forum/user/6543-odda "View Odda's Profile") *[Format a specific hikashop module](/forum/26-product-category-display/890388-format-a-specific-hikashop-module#270258 "-- url of the page with the problem -- : www.okosjokolade.no -- HikaShop version -- : 2.6.4 -- Joomla version -- : 3.7.1 I've made a hikashop module to show popular products from the store on selected pages on the site. The problem is that the "Add to cart"-button is to wide to work in the "right" position of the page (see picture). I can solve this by either: 1) have a different (shorter) text that applies only for this module or 2) edit the font size/weight for the button text for only this module I would prefer the first solution, but both would work. Can any of these be fixed by adding som magic code to my custom hikashop CSS-file?")* was created by *[Odda](/forum/user/6543-odda "View Odda's Profile")* -- url of the page with the problem -- : [ www.okosjokolade.no](http://www.okosjokolade.no) -- HikaShop version -- : 2.6.4 -- Joomla version -- : 3.7.1 I've made a hikashop module to show popular products from the store on selected pages on the site. The problem is that the "Add to cart"-button is to wide to work in the "right" position of the page (see picture). I can solve this by either: 1) have a different (shorter) text that applies only for this module *or* 2) edit the font size/weight for the button text for only this module I would prefer the first solution, but both would work. Can any of these be fixed by adding som magic code to my custom hikashop CSS-file? - [ ![Hikashop_module.jpg](/forum/attachment/38299) ](/forum/attachment/38299 "...hop_module.jpg") [ ](/forum/attachment/38299?download=1 "...hop_module.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTAzODgtZm9ybWF0LWEtc3BlY2lmaWMtaGlrYXNob3AtbW9kdWxlP3RtcGw9bWFya2Rvd24=) 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?1793428657)](/forum/user/63-nicolas "View nicolas's Profile") - [ Offline](/forum/user/63-nicolas) Less More - Posts: 86359 - Thank you received: 14296 - - 9 years 5 months ago [\#270259](#270259) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Format a specific hikashop module](/forum/26-product-category-display/890388-format-a-specific-hikashop-module#270259 "-- url of the page with the problem -- : www.okosjokolade.no -- HikaShop version -- : 2.6.4 -- Joomla version -- : 3.7.1 I've made a hikashop module to show popular products from the store on selected pages on the site. The problem is that the "Add to cart"-button is to wide to work in the "right" position of the page (see picture). I can solve this by either: 1) have a different (shorter) text that applies only for this module or 2) edit the font size/weight for the button text for only this module I would prefer the first solution, but both would work. Can any of these be fixed by adding som magic code to my custom hikashop CSS-file?")* Hi, I actually don't see the problem : [ monosnap.com/file/kD3KDtsVZwmYykII8OPEmsR8mskuWi](https://monosnap.com/file/kD3KDtsVZwmYykII8OPEmsR8mskuWi) But anyways. The text of the add to cart buttons can be changed, but it is common to all the cart buttons and there is no easy way to change it for some listings and not others. That would require some custom coding. So a CSS solution would be easier if you're not a developer. First, I would recommend forcing the background to be transparent instead of white with such CSS: \#hikashop_category_information_module_249 div.hikashop_subcontainer { background-color: transparent !important; } Then you can add such CSS to not fix the width of the button but have it dynamic based on the space available and remove the left/right margins arround the text: \#hikashop_category_information_module_249 .hikashop_cart_input_button{ width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; } That should make the buttons fit without having to change the font size. And if you want to reduce the font size, you can also do it with more CSS: \#hikashop_category_information_module_249 .hikashop_cart_input_button{ font-size: 10px !important; } [ www.hikashop.com/support/documentation/1...ize-the-display.html](https://www.hikashop.com/support/documentation/153-customize-the-display.html) Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTAzODgtZm9ybWF0LWEtc3BlY2lmaWMtaGlrYXNob3AtbW9kdWxlP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Odda](/forum/user/6543-odda "View Odda's Profile")** - [![Odda's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/6543-odda "View Odda's Profile") Topic Author - [ Offline](/forum/user/6543-odda) Less More - Posts: 51 - Thank you received: 2 - - 9 years 5 months ago [\#270310](#270310) by [Odda](/forum/user/6543-odda "View Odda's Profile") Replied by *[Odda](/forum/user/6543-odda "View Odda's Profile")* on topic *[Format a specific hikashop module](/forum/26-product-category-display/890388-format-a-specific-hikashop-module#270310 "-- url of the page with the problem -- : www.okosjokolade.no -- HikaShop version -- : 2.6.4 -- Joomla version -- : 3.7.1 I've made a hikashop module to show popular products from the store on selected pages on the site. The problem is that the "Add to cart"-button is to wide to work in the "right" position of the page (see picture). I can solve this by either: 1) have a different (shorter) text that applies only for this module or 2) edit the font size/weight for the button text for only this module I would prefer the first solution, but both would work. Can any of these be fixed by adding som magic code to my custom hikashop CSS-file?")* Brilliant, works like a charm! Thanks for excellent support ![:-D](/bigsmile.gif ":-D") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzI2LXByb2R1Y3QtY2F0ZWdvcnktZGlzcGxheS84OTAzODgtZm9ybWF0LWEtc3BlY2lmaWMtaGlrYXNob3AtbW9kdWxlP3RtcGw9bWFya2Rvd24=) 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.046 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)