Joomla Templates Club 406,261 posts

[dcross02 Friend dcross02Join date: December 2010Posts: 55Downloads:43Uploads:10 Thanks: 10 Thanked: 1 times in 1 posts]

#893173

I’d like to have the first word of every main menu item be a different color than the rest of the words. How can I do that? See attached for example.

---

Attachments:

1. 

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#893179

Hi
This seems to be depends on the css that can be apply on the li as i know there is style that work for the first letter not for word

nav li:first-letter {color:red;}

You can check the css tricks on this site and here to apply them via custom.css file . Like above example .

[dcross02 Friend dcross02Join date: December 2010Posts: 55Downloads:43Uploads:10 Thanks: 10 Thanked: 1 times in 1 posts]

#893187

I know that that the JA Methys template does it with module titles using the code below. I just can’t figure out how to do the same thing for a menu item.

div.ja-moduletable h3 span.first-word, div.moduletable h3 span.first-word {
background: none;
padding-right: 2px;
color: #98002E;
text-transform: lowercase;
font-size: 60%;
}

[Pankaj Sharma Moderator Pankaj SharmaJoin date: February 2015Posts: 24589Downloads:144Uploads:202 Thanks: 127 Thanked: 4196 times in 4019 posts]

#893201

Hi
The menu items use ul and li , in the above code u can see it applied on the span and both the word are different .
In menu system both are called at the same time . This is not possible in the Mega menu as there is single word , that apply the css on full word .

[Author]

Posts