[Skip to main content](#vessel-content) # Categories menu styling ## - **[dkubik](/forum/user/22809-dkubik "View dkubik's Profile")** - [![dkubik's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/22809-dkubik "View dkubik's Profile") Topic Author - [ Offline](/forum/user/22809-dkubik) Less More - Posts: 36 - Thank you received: 0 - - 13 years 3 months ago [\#115530](#115530) by [dkubik](/forum/user/22809-dkubik "View dkubik's Profile") *[Categories menu styling](/forum/4-how-to/85726-categories-menu-styling#115530 "Hi Could somebody navigate me please, if/how it is possible to change the style of sub-categeories (2nd level categories). It is any way to distinguish them? As I marked it on the attached screenshot, at the top of is 1st level (main) categories and lower are sub-categories (2nd level). thank you for every idea or instruction. best regards Dominik")* was created by *[dkubik](/forum/user/22809-dkubik "View dkubik's Profile")* Hi Could somebody navigate me please, if/how it is possible to change the style of sub-categeories (2nd level categories). It is any way to distinguish them? As I marked it on the attached screenshot, at the top of is 1st level (main) categories and lower are sub-categories (2nd level). thank you for every idea or instruction. best regards Dominik - [ ![Categories_menu_look.png](/forum/attachment/11315) ](/forum/attachment/11315 "..._menu_look.png") [ ](/forum/attachment/11315?download=1 "..._menu_look.png") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NzI2LWNhdGVnb3JpZXMtbWVudS1zdHlsaW5nP3RtcGw9bWFya2Rvd24=) 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 [\#115540](#115540) 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 *[Categories menu styling](/forum/4-how-to/85726-categories-menu-styling#115540 "Hi Could somebody navigate me please, if/how it is possible to change the style of sub-categeories (2nd level categories). It is any way to distinguish them? As I marked it on the attached screenshot, at the top of is 1st level (main) categories and lower are sub-categories (2nd level). thank you for every idea or instruction. best regards Dominik")* Hi, Can you explain me what do you exactly want to do to your sub-module ? if you want to I can give you the CSS id or class that you'll have to use if you want to edit your sub-module look, but I'll need a link to that page. Thanks ![:)](/media/kunena/emoticons/3.png ":)"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NzI2LWNhdGVnb3JpZXMtbWVudS1zdHlsaW5nP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[dkubik](/forum/user/22809-dkubik "View dkubik's Profile")** - [![dkubik's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/22809-dkubik "View dkubik's Profile") Topic Author - [ Offline](/forum/user/22809-dkubik) Less More - Posts: 36 - Thank you received: 0 - - 13 years 3 months ago [\#115559](#115559) by [dkubik](/forum/user/22809-dkubik "View dkubik's Profile") Replied by *[dkubik](/forum/user/22809-dkubik "View dkubik's Profile")* on topic *[Categories menu styling](/forum/4-how-to/85726-categories-menu-styling#115559 "Hi Could somebody navigate me please, if/how it is possible to change the style of sub-categeories (2nd level categories). It is any way to distinguish them? As I marked it on the attached screenshot, at the top of is 1st level (main) categories and lower are sub-categories (2nd level). thank you for every idea or instruction. best regards Dominik")* Hi The link to the page is [ www.biobox.sk/sk/](http://www.biobox.sk/sk/) But first let me explain you the structure, if you take a look at the attached screenshot (screenshot no.1), you will see that the top left icon menu is hardcoded by URL, it is not dynamic. I try to use the hikashop categories module, but it doesnt work good and it looks very strange (see the screenshot no.2) So the screenshot no.2 demonstrate how the hikashop builtin module looks like when I used it on my site. Could you help me please? thank you regards DOminik - [ ![Screenshot_no_1.jpg](/forum/attachment/11319) ](/forum/attachment/11319 "...nshot_no_1.jpg") [ ](/forum/attachment/11319?download=1 "...nshot_no_1.jpg") - [ ![Screenshot_no_2.jpg](/forum/attachment/11320) ](/forum/attachment/11320 "...nshot_no_2.jpg") [ ](/forum/attachment/11320?download=1 "...nshot_no_2.jpg") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NzI2LWNhdGVnb3JpZXMtbWVudS1zdHlsaW5nP3RtcGw9bWFya2Rvd24=) 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 [\#115624](#115624) by [Xavier](/forum/user/4105-xavier "View Xavier's Profile") Replied by *[Xavier](/forum/user/4105-xavier "View Xavier's Profile")* on topic *[Categories menu styling](/forum/4-how-to/85726-categories-menu-styling#115624 "Hi Could somebody navigate me please, if/how it is possible to change the style of sub-categeories (2nd level categories). It is any way to distinguish them? As I marked it on the attached screenshot, at the top of is 1st level (main) categories and lower are sub-categories (2nd level). thank you for every idea or instruction. best regards Dominik")* Hi, Can you publish that module in order to see its css ? You can create a new menu in order to not display it to visitors. Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NzI2LWNhdGVnb3JpZXMtbWVudS1zdHlsaW5nP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[dkubik](/forum/user/22809-dkubik "View dkubik's Profile")** - [![dkubik's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/22809-dkubik "View dkubik's Profile") Topic Author - [ Offline](/forum/user/22809-dkubik) Less More - Posts: 36 - Thank you received: 0 - - 13 years 3 months ago [\#115668](#115668) by [dkubik](/forum/user/22809-dkubik "View dkubik's Profile") Replied by *[dkubik](/forum/user/22809-dkubik "View dkubik's Profile")* on topic *[Categories menu styling](/forum/4-how-to/85726-categories-menu-styling#115668 "Hi Could somebody navigate me please, if/how it is possible to change the style of sub-categeories (2nd level categories). It is any way to distinguish them? As I marked it on the attached screenshot, at the top of is 1st level (main) categories and lower are sub-categories (2nd level). thank you for every idea or instruction. best regards Dominik")* Hi I published the menu for registered users, so you can create account here [ www.biobox.sk/MOJ-U%C4%8CET/user/form.html](http://www.biobox.sk/MOJ-U%C4%8CET/user/form.html) Thank you Dominik Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NzI2LWNhdGVnb3JpZXMtbWVudS1zdHlsaW5nP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")** - [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile") - [ Offline](/forum/user/1824-eliot) Less More - Posts: 2334 - Thank you received: 403 - - 13 years 3 months ago [\#115794](#115794) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile") Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[Categories menu styling](/forum/4-how-to/85726-categories-menu-styling#115794 "Hi Could somebody navigate me please, if/how it is possible to change the style of sub-categeories (2nd level categories). It is any way to distinguish them? As I marked it on the attached screenshot, at the top of is 1st level (main) categories and lower are sub-categories (2nd level). thank you for every idea or instruction. best regards Dominik")* Considering what I can see on your website it looks pretty good. Anyway, if you want to know more about which module/menu to edit, you should do a right click on the element, use the "inspect elememt" function of your browser and you'll be able to see the id of the module/menu in the id of the div. Thanks to this you will know what you have to edit ![;)](/media/kunena/emoticons/24.png ";)") Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NzI2LWNhdGVnb3JpZXMtbWVudS1zdHlsaW5nP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[dkubik](/forum/user/22809-dkubik "View dkubik's Profile")** - [![dkubik's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/22809-dkubik "View dkubik's Profile") Topic Author - [ Offline](/forum/user/22809-dkubik) Less More - Posts: 36 - Thank you received: 0 - - 13 years 3 months ago [\#115865](#115865) by [dkubik](/forum/user/22809-dkubik "View dkubik's Profile") Replied by *[dkubik](/forum/user/22809-dkubik "View dkubik's Profile")* on topic *[Categories menu styling](/forum/4-how-to/85726-categories-menu-styling#115865 "Hi Could somebody navigate me please, if/how it is possible to change the style of sub-categeories (2nd level categories). It is any way to distinguish them? As I marked it on the attached screenshot, at the top of is 1st level (main) categories and lower are sub-categories (2nd level). thank you for every idea or instruction. best regards Dominik")* Hi Thank you, but I know how to use Inspect element feature in browsers. My question was, to get some practical info how to modify only visual of subcategories, and if it is possible to do that. To keep the default vizual of main categories and onyl to change subcategories look. So it is possible using css, or do I need some other changes? thank you regards Dominik Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NzI2LWNhdGVnb3JpZXMtbWVudS1zdHlsaW5nP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")** - [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile") - [ Offline](/forum/user/1824-eliot) Less More - Posts: 2334 - Thank you received: 403 - - 13 years 3 months ago - 13 years 3 months ago [\#116169](#116169) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile") Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[Categories menu styling](/forum/4-how-to/85726-categories-menu-styling#116169 "Hi Could somebody navigate me please, if/how it is possible to change the style of sub-categeories (2nd level categories). It is any way to distinguish them? As I marked it on the attached screenshot, at the top of is 1st level (main) categories and lower are sub-categories (2nd level). thank you for every idea or instruction. best regards Dominik")* Hi Dominik, That's exactly what I said ![;)](/media/kunena/emoticons/24.png ";)") Modules and menus have a specific id which is unique. You can then use the id of the module you want to edit in order to make changes only on this module (using css property only on this id). However this solution will only work if you plan to do css changes. If you want to totally modify the layout it will be a little bit harder. In this case you have to edit the layout your are using trough our view edition system (display>views) and add a php condition to display something specific for a module with the given id. This solution is really interesting if you need to change the element position, css is enough if you're just looking for visual modifications. If you're interested, I'll give you the php condition ![:)](/media/kunena/emoticons/3.png ":)") Last edit: 13 years 3 months ago by [Eliot](/forum/user/1824-eliot "View Eliot's Profile"). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NzI2LWNhdGVnb3JpZXMtbWVudS1zdHlsaW5nP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[dkubik](/forum/user/22809-dkubik "View dkubik's Profile")** - [![dkubik's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/22809-dkubik "View dkubik's Profile") Topic Author - [ Offline](/forum/user/22809-dkubik) Less More - Posts: 36 - Thank you received: 0 - - 13 years 3 months ago [\#116214](#116214) by [dkubik](/forum/user/22809-dkubik "View dkubik's Profile") Replied by *[dkubik](/forum/user/22809-dkubik "View dkubik's Profile")* on topic *[Categories menu styling](/forum/4-how-to/85726-categories-menu-styling#116214 "Hi Could somebody navigate me please, if/how it is possible to change the style of sub-categeories (2nd level categories). It is any way to distinguish them? As I marked it on the attached screenshot, at the top of is 1st level (main) categories and lower are sub-categories (2nd level). thank you for every idea or instruction. best regards Dominik")* Hi So could you please help me with php condition you mentioned? Could you give it to me? thank you best regards Dominik Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NzI2LWNhdGVnb3JpZXMtbWVudS1zdHlsaW5nP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[Eliot](/forum/user/1824-eliot "View Eliot's Profile")** - [![Eliot's Avatar](https://www.hikashop.com/media/kunena/avatars/resized/size144/users/avatar1824.png)](/forum/user/1824-eliot "View Eliot's Profile") - [ Offline](/forum/user/1824-eliot) Less More - Posts: 2334 - Thank you received: 403 - - 13 years 3 months ago [\#116250](#116250) by [Eliot](/forum/user/1824-eliot "View Eliot's Profile") Replied by *[Eliot](/forum/user/1824-eliot "View Eliot's Profile")* on topic *[Categories menu styling](/forum/4-how-to/85726-categories-menu-styling#116250 "Hi Could somebody navigate me please, if/how it is possible to change the style of sub-categeories (2nd level categories). It is any way to distinguish them? As I marked it on the attached screenshot, at the top of is 1st level (main) categories and lower are sub-categories (2nd level). thank you for every idea or instruction. best regards Dominik")* Something like this should work: Code: if($this->itemid=="&Itemid=you-menu/module-id"){ //your custom code }else{ //content of the view } in the view listing_div for example you should palce this code before Code: if((!empty($this->rows) || !$this->module || JRequest::getVar('hikashop_front_end_main',0)) && $this->pageInfo->elements->total){ and put the content of the view in the second part of the if(). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NzI2LWNhdGVnb3JpZXMtbWVudS1zdHlsaW5nP3RtcGw9bWFya2Rvd24=) or [Create an account](/component/users/registration?Itemid=101) to join the conversation. - **[dkubik](/forum/user/22809-dkubik "View dkubik's Profile")** - [![dkubik's Avatar](https://www.hikashop.com/media/kunena/core/svg/person.svg)](/forum/user/22809-dkubik "View dkubik's Profile") Topic Author - [ Offline](/forum/user/22809-dkubik) Less More - Posts: 36 - Thank you received: 0 - - 13 years 2 months ago [\#119702](#119702) by [dkubik](/forum/user/22809-dkubik "View dkubik's Profile") Replied by *[dkubik](/forum/user/22809-dkubik "View dkubik's Profile")* on topic *[Categories menu styling](/forum/4-how-to/85726-categories-menu-styling#119702 "Hi Could somebody navigate me please, if/how it is possible to change the style of sub-categeories (2nd level categories). It is any way to distinguish them? As I marked it on the attached screenshot, at the top of is 1st level (main) categories and lower are sub-categories (2nd level). thank you for every idea or instruction. best regards Dominik")* Hi Thank you for the code, but I'm a little confused where should I insert those two code elements zou provide for me. Could zou please help me with this a little bit more? thank you very much Best regards Dominik Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NzI2LWNhdGVnb3JpZXMtbWVudS1zdHlsaW5nP3RtcGw9bWFya2Rvd24=) 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: 86555 - Thank you received: 14304 - - 13 years 2 months ago [\#119706](#119706) by [nicolas](/forum/user/63-nicolas "View nicolas's Profile") Replied by *[nicolas](/forum/user/63-nicolas "View nicolas's Profile")* on topic *[Categories menu styling](/forum/4-how-to/85726-categories-menu-styling#119706 "Hi Could somebody navigate me please, if/how it is possible to change the style of sub-categeories (2nd level categories). It is any way to distinguish them? As I marked it on the attached screenshot, at the top of is 1st level (main) categories and lower are sub-categories (2nd level). thank you for every idea or instruction. best regards Dominik")* Hi, As Eliot said, you could add the code in the view file "listing_div" of the category view that you can edit via the menu Display>Views if you're using the "div" layout for your listing (which is the case looking at your screenshots). Please [Log in](/login?return=aHR0cHM6Ly93d3cuaGlrYXNob3AuY29tL2ZvcnVtLzQtaG93LXRvLzg1NzI2LWNhdGVnb3JpZXMtbWVudS1zdHlsaW5nP3RtcGw9bWFya2Rvd24=) 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.141 seconds [Powered by](/forum/credits) [Kunena Forum](https://www.kunena.org)