Joomla Templates Club 406,261 posts

[ew128 Friend ew128Join date: October 2011Posts: 101Downloads:0Uploads:45 Thanks: 8 Thanked: 2 times in 1 posts]

#173916

could I change color only for one of all position menu ?
for example. I added new position and would like to shown as highlighted.

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#438903

I don’t understand what you mean clearly. Could you explain more? A snapshot with your comment is very helpful to help me understand your issue.

[ew128 Friend ew128Join date: October 2011Posts: 101Downloads:0Uploads:45 Thanks: 8 Thanked: 2 times in 1 posts]

#439088

No problem, I would like to mark by other color newly added menu position

current state

state expected

state expected on hover

possible but not preferred by me (adding picture in settings)

---

Attachments:

1. 
2. 
3. 
4. 

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#439233

– You edit ZAPISY menu item, set Additional class is new (in Parameter (JA Extended) tab)
– You add the code into /templates/ja_kranos/css/template.css

.ja-megamenu ul.level0 li.mega.new.over {
background-color: blue;
}
via inspector
.ja-megamenu ul.level0 li.mega.new {
background-color: orange;
}

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#440132

Do you solve it?

[khoand Friend khoandJoin date: February 2011Posts: 4500Downloads:0Uploads:179 Thanks: 169 Thanked: 1166 times in 1060 posts]

#442315

Do you solve it?

[ew128 Friend ew128Join date: October 2011Posts: 101Downloads:0Uploads:45 Thanks: 8 Thanked: 2 times in 1 posts]

#442370

Sorry for delay, i checked but this solution doesn’t work

I added “new” class in position menu and below code in template.css file.

/* nowa pozycja menu */
.ja-megamenu ul.level0 li.mega.new.over {
background-color: blue;
}
via inspector
.ja-megamenu ul.level0 li.mega.new {
background-color: orange;
}

[TomC Moderator TomCJoin date: October 2014Posts: 14077Downloads:58Uploads:137 Thanks: 948 Thanked: 3155 times in 2495 posts]

#442451

I think there may be a bit of a “lost in translation” happening here.
Allow me to see if I can assist . . .

Create individual CSS classes for each color you want to assign to your respective menu items.

FOR EXAMPLE, you could name your classes “blue1,” “orange1,” “yellow1,” etc … or pretty much whatever you want
(best not to make them too log o convoluted, though)

You then add the class code into /templates/ja_kranos/css/template.css
(although, I would think that the more correct home for this process would be /templates/ja_kranos/css/menu/mega.css)

try it either way . . . whichever works first/best, stick with it.

FOR EXAMPLE:


.ja-megamenu ul.level0 li.mega.blue1 {
background-color: orange;
}

OR, if you only want the color to change only on mouseover . . .

.ja-megamenu ul.level0 li.mega.blue1.over {
background-color: blue;
}


Then – within each menu item’s configurations – in Parameters >> JA Extended tab – set the “additional class” to whichever one you choose.

Let us know if this method/process works for you.

1 user says Thank You to TomC for this useful post

1. khoand

[Author]

Posts