Public Forums 71,145 posts

[joomdeva Friend joomdevaJoin date: January 2010Posts: 1Downloads:0Uploads:0]

#155179

Hi is it possible to have custom colours on each top level menu, on Mega Menu,

e.g. Home (Green) About Us (Yellow) Contact Us (Blue) etc..

What would be the best way to go about this?

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#358537

<em>@joomdeva 197911 wrote:</em><blockquote>Hi is it possible to have custom colours on each top level menu, on Mega Menu,

e.g. Home (Green) About Us (Yellow) Contact Us (Blue) etc..

What would be the best way to go about this?</blockquote>

Hi,
When editing a menu item, you will see a field named “additional class”, just fill a class name like “_red”.
Then add a code like below to template.css:

._red{
background: red;
}

1 user says Thank You to Don Lee for this useful post

1. dez2

[dez2 Friend dez2Join date: October 2010Posts: 10Downloads:0Uploads:0 Thanks: 3]

#359499

<em>@donglt 197964 wrote:</em><blockquote>Hi,
When editing a menu item, you will see a field named “additional class”, just fill a class name like “_red”.
Then add a code like below to template.css:

._red{
background: red;
}
</blockquote>

Great solution! Now menu is very nice 🙂

[we2solutions Friend we2solutionsJoin date: September 2014Posts: 526Downloads:0Uploads:21 Thanks: 136 Thanked: 100 times in 1 posts]

#374335

Great solution!
how to add different hover colors for those menu items?

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#374829

<em>@WE2Solutions 218323 wrote:</em><blockquote>Great solution!
how to add different hover colors for those menu items?</blockquote>

Try this please:

._red.over{
background: red;
}

[marco17 Friend marco17Join date: January 2009Posts: 229Downloads:17Uploads:36 Thanks: 26 Thanked: 3 times in 2 posts]

#376597

Hi,
i am working with Mesolite II template and i would like to change the colour of the menu when the item is selected.
Now the menu is grey, when the mouse i over is clear grey and when the menu is selected is blue. I want to change the blue color.
How can i do ?

Many thanks.
Marco

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#376629

<em>@marco17 221346 wrote:</em><blockquote>Hi,
i am working with Mesolite II template and i would like to change the colour of the menu when the item is selected.
Now the menu is grey, when the mouse i over is clear grey and when the menu is selected is blue. I want to change the blue color.
How can i do ?

Many thanks.
Marco</blockquote>

Let me see your site please!

[avshalom Friend avshalomJoin date: February 2011Posts: 1Downloads:0Uploads:0]

#379533

hello don lee,
thanks for the sulotion, but- in anion template for example the menu hover is a image- and it does not work- i found that the hover image is two png files:

images/nav-left.png
images/nav-right.png
i can change this png file to differnt color but how can i change only one of the menu item color- for examle green for contact us, blue for about us
i hope you understand me-
thanks for your great help

[media21 Friend media21Join date: January 2011Posts: 11Downloads:0Uploads:1 Thanks: 5]

#384207

<em>@Don Lee 221387 wrote:</em><blockquote>Let me see your site please!</blockquote>

I have the same “problem”, and i cannot find the solution….

Could you help me, please

[Don Lee Friend Don LeeJoin date: March 2010Posts: 923Downloads:0Uploads:13 Thanks: 41 Thanked: 274 times in 238 posts]

#386504

<em>@media21 231377 wrote:</em><blockquote>I have the same “problem”, and i cannot find the solution….

Could you help me, please</blockquote>

You should tell me know the problem details, then provide me with your site URL, I will check for you!

1 user says Thank You to Don Lee for this useful post

1. atuihatu

[Author]

Posts