Joomla Templates Club 406,261 posts

[1option Friend 1optionJoin date: April 2010Posts: 49Downloads:184Uploads:4 Thanks: 9]

#177945

I would like to add an additional class to my module menu so that a few of the links are different colors than the rest.

I tried adding this to template.css:

.ja-megamenu ul.level0 li.mega.custom {
a:link color: #333333
}

And then added “custom” to the additional class menu.

This is not making a difference. Any feedback would be appreciated.

Thanks.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#456730

<em>@1option 324347 wrote:</em><blockquote>I would like to add an additional class to my module menu so that a few of the links are different colors than the rest.

I tried adding this to template.css:

.ja-megamenu ul.level0 li.mega.custom {
color:333333;
}

And then added “custom” to the additional class menu.

This is not making a difference. Any feedback would be appreciated.

Thanks.</blockquote>

Hi 1option,

I think the css should be

.ja-megamenu ul.level0 li.custom a{
color: #333333;
}

Hope this works!

[1option Friend 1optionJoin date: April 2010Posts: 49Downloads:184Uploads:4 Thanks: 9]

#456856

Thanks for your reply. I inserted your updated CSS into the file but still not getting the colors to change. Any other ideas on how to maybe get this to work?

Thanks again.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#456909

<em>@1option 324632 wrote:</em><blockquote>Thanks for your reply. I inserted your updated CSS into the file but still not getting the colors to change. Any other ideas on how to maybe get this to work?

Thanks again.</blockquote>

you might have made mistakes somewhere caused it does not work for you, Can you post here your url where the issue is being seen ?

[1option Friend 1optionJoin date: April 2010Posts: 49Downloads:184Uploads:4 Thanks: 9]

#456960

Ass this to template.css:

.ja-megamenu ul.level0 li.red a{
color: #A03933
}

Then added “red” to the additional class in the menu manager.

[Sherlock Friend SherlockJoin date: September 2014Posts: 11453Downloads:0Uploads:88 Thanks: 221 Thanked: 2478 times in 2162 posts]

#457023

Hi 1option,

If it still does not work for you, it would be great if you can share with me your url where the issue is being seen and I shall take a closer look for you.

[Author]

Posts