[Skip to main content](#vessel-content) # css different for different modules ## - **[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")** - [![eliospeppe's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Topic Author - [ Offline](/forum/user/23217-eliospeppe) Less More - Posts: 18 - Thank you received: 0 - - 13 years 3 months ago [\#115027](#115027) by [eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile") *[css different for different modules](/forum/4-how-to/85621-css-different-for-different-modules#115027 "I modified the CSS file Side Site for as I want I, for example, set the font-size of the price in the product list but I have another module with the same list but smaller how do I give it a different font-size? Thanks!!!")* was created by *[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")* I modified the CSS file Side Site for as I want I, for example, set the font-size of the price in the product list but I have another module with the same list but smaller how do I give it a different font-size? Thanks!!! Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NjIxLWNzcy1kaWZmZXJlbnQtZm9yLWRpZmZlcmVudC1tb2R1bGVzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Xavier](/forum/user/4105-xavier "View Xavier's Profile")** - [![Xavier's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar4105.png)](/forum/user/4105-xavier "View Xavier's Profile") - [ Offline](/forum/user/4105-xavier) Less More - Posts: 13201 - Thank you received: 2322 - - - - [](http://www.kidiweb.fr) - 13 years 3 months ago [\#115043](#115043) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[css different for different modules](/forum/4-how-to/85621-css-different-for-different-modules#115043 "I modified the CSS file Side Site for as I want I, for example, set the font-size of the price in the product list but I have another module with the same list but smaller how do I give it a different font-size? Thanks!!!")* Hi, When editing a module, in the Joomla options you can set a module suffix. You just have to apply the css properties on the set class and it will be applied only to one module. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NjIxLWNzcy1kaWZmZXJlbnQtZm9yLWRpZmZlcmVudC1tb2R1bGVzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")** - [![eliospeppe's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Topic Author - [ Offline](/forum/user/23217-eliospeppe) Less More - Posts: 18 - Thank you received: 0 - - 13 years 3 months ago - 13 years 3 months ago [\#115044](#115044) by [eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Replied by *[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")* on topic *[css different for different modules](/forum/4-how-to/85621-css-different-for-different-modules#115044 "I modified the CSS file Side Site for as I want I, for example, set the font-size of the price in the product list but I have another module with the same list but smaller how do I give it a different font-size? Thanks!!!")* ok but I can not see the changes, something be wrong this is my css: Code: span.hikashop_product_name{ text-align: center; display:block; margin-bottom:5px; font-size: 15px; font-weight:bold; color: #990000; } span.hikashop_product_name_last{ text-align: center; display:block; margin-bottom:5px; font-size: 11px; font-weight:bold; color: #990000; } the first is the normal the second is created by me What should I write in the relevant module Last edit: 13 years 3 months ago by [eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NjIxLWNzcy1kaWZmZXJlbnQtZm9yLWRpZmZlcmVudC1tb2R1bGVzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 13 years 3 months ago [\#115052](#115052) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[css different for different modules](/forum/4-how-to/85621-css-different-for-different-modules#115052 "I modified the CSS file Side Site for as I want I, for example, set the font-size of the price in the product list but I have another module with the same list but smaller how do I give it a different font-size? Thanks!!!")* we can't really tell you what "you should write" if we don't know what you exactly want to do, so can you show us a **screenshots** of what do you want to change and how do you want to change it ? also can you give us a link to the page that you want to change for testing purpose ? Thanks ![;)](/media/kunena/emoticons/11.png ";)"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NjIxLWNzcy1kaWZmZXJlbnQtZm9yLWRpZmZlcmVudC1tb2R1bGVzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")** - [![eliospeppe's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Topic Author - [ Offline](/forum/user/23217-eliospeppe) Less More - Posts: 18 - Thank you received: 0 - - 13 years 3 months ago - 13 years 3 months ago [\#115054](#115054) by [eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Replied by *[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")* on topic *[css different for different modules](/forum/4-how-to/85621-css-different-for-different-modules#115054 "I modified the CSS file Side Site for as I want I, for example, set the font-size of the price in the product list but I have another module with the same list but smaller how do I give it a different font-size? Thanks!!!")* currently the module obeys span.hikashop_product_name I would instead follow span.hikashop_product_name_last Last edit: 13 years 3 months ago by [eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NjIxLWNzcy1kaWZmZXJlbnQtZm9yLWRpZmZlcmVudC1tb2R1bGVzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 13 years 3 months ago - 13 years 3 months ago [\#115079](#115079) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[css different for different modules](/forum/4-how-to/85621-css-different-for-different-modules#115079 "I modified the CSS file Side Site for as I want I, for example, set the font-size of the price in the product list but I have another module with the same list but smaller how do I give it a different font-size? Thanks!!!")* Ok, and if for example, you can't change the font-size with this code : Code: span.hikashop_product_name_last{ text-align: center; display:block; margin-bottom:5px; font-size: 11px; font-weight:bold; color: #990000; } You should probably use this kind of code : Code: span.hikashop_product_name_last{ text-align: center; display:block; margin-bottom:5px; font-size: 11px !important; font-weight:bold; color: #990000; } Last edit: 13 years 3 months ago by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NjIxLWNzcy1kaWZmZXJlbnQtZm9yLWRpZmZlcmVudC1tb2R1bGVzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")** - [![eliospeppe's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Topic Author - [ Offline](/forum/user/23217-eliospeppe) Less More - Posts: 18 - Thank you received: 0 - - 13 years 3 months ago [\#115084](#115084) by [eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Replied by *[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")* on topic *[css different for different modules](/forum/4-how-to/85621-css-different-for-different-modules#115084 "I modified the CSS file Side Site for as I want I, for example, set the font-size of the price in the product list but I have another module with the same list but smaller how do I give it a different font-size? Thanks!!!")* I have not explained, it will be the fault of the translator ![:(](/media/kunena/emoticons/5.png ":(") I have two modules The first module uses: span.hikashop_product_name the second module must be used: span.hikashop_product_name_last What should I write in the CSS module class suffix of the second? thanks for your patience Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NjIxLWNzcy1kaWZmZXJlbnQtZm9yLWRpZmZlcmVudC1tb2R1bGVzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 13 years 3 months ago [\#115089](#115089) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[css different for different modules](/forum/4-how-to/85621-css-different-for-different-modules#115089 "I modified the CSS file Side Site for as I want I, for example, set the font-size of the price in the product list but I have another module with the same list but smaller how do I give it a different font-size? Thanks!!!")* > Mohamed Thelji wrote: we can't really tell you what "you should write" if we don't know what you exactly want to do, so can you show us a **screenshots** of what do you want to change and how do you want to change it ? also can you give us a link to the page that you want to change for testing purpose ? > Thanks ![;)](/media/kunena/emoticons/11.png ";)"). As I told you in my previous post, is it possible to have some screenshots explaining your problem and and link to this page ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NjIxLWNzcy1kaWZmZXJlbnQtZm9yLWRpZmZlcmVudC1tb2R1bGVzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")** - [![eliospeppe's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Topic Author - [ Offline](/forum/user/23217-eliospeppe) Less More - Posts: 18 - Thank you received: 0 - - 13 years 3 months ago - 13 years 3 months ago [\#115211](#115211) by [eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Replied by *[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")* on topic *[css different for different modules](/forum/4-how-to/85621-css-different-for-different-modules#115211 "I modified the CSS file Side Site for as I want I, for example, set the font-size of the price in the product list but I have another module with the same list but smaller how do I give it a different font-size? Thanks!!!")* so this module should be text with the smallest [ image](http://www.acme-sicily.com/03.bmp) instead this module's okay [ image](http://www.acme-sicily.com/02.bmp) I hope it is clear! :silly: Last edit: 13 years 3 months ago by [eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NjIxLWNzcy1kaWZmZXJlbnQtZm9yLWRpZmZlcmVudC1tb2R1bGVzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 13 years 3 months ago [\#115241](#115241) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[css different for different modules](/forum/4-how-to/85621-css-different-for-different-modules#115241 "I modified the CSS file Side Site for as I want I, for example, set the font-size of the price in the product list but I have another module with the same list but smaller how do I give it a different font-size? Thanks!!!")* Ok, if I correctly understood, what you want to do is, to have smaller font-size for your product names then these product names will be written in 2 lines and not 3 lines ? The solution will probably be to increase the width of your module or decrease its font-size. Can I have a **link to the page where you are having your problem** ? then I'll probably be able to give your the good CSS code ? Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NjIxLWNzcy1kaWZmZXJlbnQtZm9yLWRpZmZlcmVudC1tb2R1bGVzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")** - [![eliospeppe's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Topic Author - [ Offline](/forum/user/23217-eliospeppe) Less More - Posts: 18 - Thank you received: 0 - - 13 years 3 months ago [\#115243](#115243) by [eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Replied by *[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")* on topic *[css different for different modules](/forum/4-how-to/85621-css-different-for-different-modules#115243 "I modified the CSS file Side Site for as I want I, for example, set the font-size of the price in the product list but I have another module with the same list but smaller how do I give it a different font-size? Thanks!!!")* [ www.acme-sicily.com/site/index.php?optio...cle&id=17&Itemid=253](http://www.acme-sicily.com/site/index.php?option=com_content&view=article&id=17&Itemid=253) user: user psw: qwert PS after blot out this user Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NjIxLWNzcy1kaWZmZXJlbnQtZm9yLWRpZmZlcmVudC1tb2R1bGVzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")** - [![Mohamed Thelji's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar6861.png)](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") - [ Offline](/forum/user/6861-mohamed-thelji) Less More - Posts: 12953 - Thank you received: 1778 - - - 13 years 3 months ago [\#115250](#115250) by [Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile") Replied by *[Mohamed Thelji](/forum/user/6861-mohamed-thelji "View Mohamed Thelji's Profile")* on topic *[css different for different modules](/forum/4-how-to/85621-css-different-for-different-modules#115250 "I modified the CSS file Side Site for as I want I, for example, set the font-size of the price in the product list but I have another module with the same list but smaller how do I give it a different font-size? Thanks!!!")* Ok, I think that some CSS code like this will probably do the job : Code: \#hikashop_category_information_module_201 * { font-size: 12px; } Or : Code: \#hikashop_module_201 { width: 200px; } The following user(s) said Thank You: [Valserine](/forum/user/58689-valserine "View Valserine's Profile") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NjIxLWNzcy1kaWZmZXJlbnQtZm9yLWRpZmZlcmVudC1tb2R1bGVzP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")** - [![eliospeppe's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Topic Author - [ Offline](/forum/user/23217-eliospeppe) Less More - Posts: 18 - Thank you received: 0 - - 13 years 3 months ago [\#115278](#115278) by [eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile") Replied by *[eliospeppe](/forum/user/23217-eliospeppe "View eliospeppe's Profile")* on topic *[css different for different modules](/forum/4-how-to/85621-css-different-for-different-modules#115278 "I modified the CSS file Side Site for as I want I, for example, set the font-size of the price in the product list but I have another module with the same list but smaller how do I give it a different font-size? Thanks!!!")* GREAT!!!! :ohmy: Thanks ![;)](/media/kunena/emoticons/11.png ";)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NjIxLWNzcy1kaWZmZXJlbnQtZm9yLWRpZmZlcmVudC1tb2R1bGVzP3RtcGw9bWFya2Rvd24=) 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.115 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org) [](#top)