Joomla Templates Club 406,261 posts

[khoiey Friend khoieyJoin date: August 2008Posts: 26Downloads:0Uploads:0 Thanks: 2]

#131840

How can I change the “light gray” hover color to red?

joomla 1.5 version.

http://www.tiengvietjournal.com

I tried to edit it in the splitmenu css but it didn’t work . Thank you for advance.

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

#264045

You can edit theme-red.css (line 49)(templates/ja_teline_ii/css/colors folder)

#ja-splitmenu a:hover, #ja-splitmenu a:active, #ja-splitmenu a:focus {
background:#F0F0F0 none repeat scroll 0 0;--> change here as you want
}

[aedin84 Friend aedin84Join date: April 2008Posts: 9Downloads:0Uploads:0 Thanks: 3]

#264266

Honestly, I don’t think that solves the problem. At least it isn’t for me as I don’t use that theme. Any one else have a clear cut way?

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

#264270

Hi Aedin84
Plz send your URL

[khoiey Friend khoieyJoin date: August 2008Posts: 26Downloads:0Uploads:0 Thanks: 2]

#264386

<em>@nguoiabcd 71860 wrote:</em><blockquote>You can edit theme-red.css (line 49)(templates/ja_teline_ii/css/colors folder)

#ja-splitmenu a:hover, #ja-splitmenu a:active, #ja-splitmenu a:focus {
background:#F0F0F0 none repeat scroll 0 0;--> change here as you want
}
</blockquote>

Thank you for this code. Can I also change the font color while hovering on the link? for example, if you hover the color over a menu link, it turn red but the font color stay the same. Where can I change this font color during hovering?

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

#264392

You can add in

#ja-splitmenu a:hover, #ja-splitmenu a:active, #ja-splitmenu a:focus {
background:#F0F0F0 none repeat scroll 0 0;
color: #FFFFFF;-> add this line. change #FFFFFF as you want
}

1 user says Thank You to Sherlock for this useful post

1. khoiey

[khoiey Friend khoieyJoin date: August 2008Posts: 26Downloads:0Uploads:0 Thanks: 2]

#264413

that code for color txt didnt work

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

#264415

Plz delete cookie and refresh your browser

[khoiey Friend khoieyJoin date: August 2008Posts: 26Downloads:0Uploads:0 Thanks: 2]

#264416

Now it’s working after I cleared the cache. Thanks nguoiabcd

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

#264417

Ok, I will mark this topic is solved

[khoiey Friend khoieyJoin date: August 2008Posts: 26Downloads:0Uploads:0 Thanks: 2]

#269838

NguoiABC,

Would this code work in dropline menu?

<em>@nguoiabcd 72294 wrote:</em><blockquote>You can add in

#ja-splitmenu a:hover, #ja-splitmenu a:active, #ja-splitmenu a:focus {
background:#F0F0F0 none repeat scroll 0 0;
color: #FFFFFF;-> add this line. change #FFFFFF as you want
}
</blockquote>

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

#269885

No, you can choose Dropline menu and i will view to help you

[khoiey Friend khoieyJoin date: August 2008Posts: 26Downloads:0Uploads:0 Thanks: 2]

#269967

I ajusted it back to dropline. Please let me know thank you.

<em>@nguoiabcd 79048 wrote:</em><blockquote>No, you can choose Dropline menu and i will view to help you</blockquote>

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

#270034

Change background theme-red.css (line 63)

#jasdl-mainnav a:hover, #jasdl-mainnav ul li.hover a {
background:#F0F0F0 none repeat scroll 0 0;--> change here
}
Change color of text ja.scriptdlmenu.css: (templates/ja_teline_ii/ja_menus/ja_scriptdlmenu/ja.scriptdlmenu.css)

#jasdl-mainnav a:hover, #jasdl-mainnav ul li.hover a {
background:#EBF2F9 none repeat scroll 0 0;
color:#333333;--> chang here
}

[khoiey Friend khoieyJoin date: August 2008Posts: 26Downloads:0Uploads:0 Thanks: 2]

#270046

It works. Thank you.

[Author]

Posts