Support Offline : Mon - Fri / 10am - 6pm (GMT +6)

Your Time: Our Time:

Adding custom styles to menu items helix ii

Featured Lock Resolved Task
Hi

Whats is the procedure to add custom css class to menu items in helix ii, previously it was there. I don't find documentation also. please help.

I want to have a menu item styled separately.

Thank You

7 Answers

Sohan - Staff

More than a month ago #Permalink
Open the menu and go to Helix Mega Menu Options. Here you found the option Add Custom Class. Now add your class and do css on the menu.less file.
Thanks.

vijay

More than a month ago #Permalink
Hi. Thanks for the solution, But I don't user menu.less most of the times, I have disabled LESS in template. I wanted to know how can it be possible to have a custom class style for a menu item without using LESS.

I figured out adding the custom menu class in Helix Mega Menu Options, I was doing it since the first release of Helix framework. But I am not getting in Helix ii framework.

Please provide a solution.

Thank You

Sohan - Staff

More than a month ago #Permalink
Turn off the less form template_manager. And do normal css.
Note: Without turning off the less the normal css wouldn't be work.

vijay

More than a month ago #Permalink
Hi

I turned off LESS in template manager, I have added custom class to Menu Item from Helix Mega Menu Options. But How to add custom css code in template.css file.

li.menu-item.home1 a:hover{background:#05E7FB!important;color:#fff!important} This was the code I used for helix frame work old. How about new helix ii framework.

Thank You

Sohan - Staff

More than a month ago #Permalink
Send me your access via pm. I am gonna fix it.

vijay

More than a month ago #Permalink
Hi

I have added custom css class as home for menu item home in helix megamenu options. But how to add code in template.css file, what code needs to be added.

#sp-main-menu ul.level-0 > li.home{background:red!important;}

I just need the code to be added in template.css file to add the css class to menu items.

I have done the following

1. Joomla administration Mainmenu->Home: add custom css class as home

I need the code to make home class.

Please help.

Thank You

Attachments (2)

  • css1.jpg
    css1.jpg 82.2 KB
  • css2.jpg
    css2.jpg 111.7 KB

Sohan - Staff

More than a month ago #Permalink
I already want you access for doing this. Will you please send me the access?


There are no replies made for this post yet.
Be one of the first to reply to this post!

Leaderboard (30 days)

Paul Frankowski

Paul Frankowski

Total Accepted Answers: 111
Toufiq

Toufiq

Total Accepted Answers: 105
Mehtaz Afsana Borsha

Mehtaz Afsana Borsha

Total Accepted Answers: 61
Ofi Khan

Ofi Khan

Total Accepted Answers: 55
Rashida Rahman

Rashida Rahman

Total Accepted Answers: 34

121

Templates

314132

Community Users

Newsletter

Don’t miss any updates of our new templates and extensions and all the astonishing offers we bring for you.
We never spam

Joomla! ® name is used under a limited license from Open Source Matters in the United States and other countries. JoomShaper.com is not affiliated with or endorsed by Open Source Matters or the Joomla! Project.

Connect Us