Joomla Templates Club 406,261 posts

[micahgweb Friend micahgwebJoin date: August 2011Posts: 20Downloads:3Uploads:8 Thanks: 3]

#169847

Hi

I am trying to get the different menu items on my site to change color on hover. I have spent alot of time trying to manipulate the CSS and I’ve only managed to change the active and .havechildmenu-item colors and not even the hover using the syntax:

.havechildmenu-item2 a{ background-color:#090;}
.active a{ background-color:#636;}

, there must be a better way to do this….does anyone have any ideas? Link to my site is 50.23.4.139/~hotflash/

Would really appreciate help on this time sensitive project.

Thanking you in advance

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#420346

Hi,
Which menu item do you want to change the hover color ?
Could you please provide an screen shot about these menus ?
Thanks
Viet Vu.

[micahgweb Friend micahgwebJoin date: August 2011Posts: 20Downloads:3Uploads:8 Thanks: 3]

#420498

Hi Viet Vu

Im trying to change the top menu (main navigation) all menu items should have a different menu color on hover, attached is a screen shot of the different menu hover colors it needs. Active links should stay the same.

Attached is the screenshot, please let me know if you need more info.

Thanks so much for responding.

---

Attachments:

1. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#420618

Hi
I need your live site to check into code 🙂
Thank you
Viet Vu

[micahgweb Friend micahgwebJoin date: August 2011Posts: 20Downloads:3Uploads:8 Thanks: 3]

#420737

Hi Viet Vu

Thanks for your reply. The site is not officially “live” but you can take a look on our test platform: http://50.23.4.139/~hotflash/

Let me know if you need anymore info.

Thanks
Bhawini

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#420826

Hi,
you go to edit your menu items which you need to change color, add a suffix class for that menu item such as “red_menu”, “green_menu”,…

Then open css/template.css and add code to style them, for example:

.red_menu:hover{
background-color: red;
}

Try and let me know if it works.
Thanks
Viet Vu

[micahgweb Friend micahgwebJoin date: August 2011Posts: 20Downloads:3Uploads:8 Thanks: 3]

#421250

Thanks for your reply, that is initially what I had wanted to do, but the whole problem came about because there doesn’t seem to be a menu suffix class for the menu items…which I found strange too. Please see screenshots for the parameters on my menu system.

---

Attachments:

1. 

[micahgweb Friend micahgwebJoin date: August 2011Posts: 20Downloads:3Uploads:8 Thanks: 3]

#421251

the other screenshot is attached here:

---

Attachments:

1. 

[micahgweb Friend micahgwebJoin date: August 2011Posts: 20Downloads:3Uploads:8 Thanks: 3]

#421254

I tried to manipulate “Additional Class” which is in the second screenshot, but I had no result from that. Perhaps my syntax was wrong? The class I put in there did not even show up in firebug. Let me know your thoughts, and once again, thank you very much for looking into this for me.

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#421450

Can you PM your admin account so I can try?
Thanks
Viet Vu

[micahgweb Friend micahgwebJoin date: August 2011Posts: 20Downloads:3Uploads:8 Thanks: 3]

#421999

Did you receive my PM with details for backend of the website?

Have you had any luck looking into this?

Thanks for all your help

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#422057

Hi
I got your PM and in checking. Please allow me moment.
Thank you
Viet Vu

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#422097

Hi
I’m sorry but as far i have checked. Until now we have no choice to make color for each menuitem w/o use specific css your first post mentioned .
I tried to use css menu but not worked. Maybe it’s bug of T3.

Thank you
Viet Vu

[micahgweb Friend micahgwebJoin date: August 2011Posts: 20Downloads:3Uploads:8 Thanks: 3]

#422173

Yes, that is just as I thought, Thank you for looking into this for me.

The problem I was having with manipulating CSS was the classes are not picking up the hover styles and also narrowing down to the specific class, can you help me with this? I think im doing something wrong but I’m not sure what I’m doing wrong. Let me know if you need any more info.

Thanks

[chavan Friend chavanJoin date: October 2014Posts: 4612Downloads:0Uploads:110 Thanked: 1440 times in 1290 posts]

#422177

Which Menu need which color

Please specify

Home
HotFlash Central
Menopause
Treatments & Therapies
Lifestyle
Survival Tips
Products
Blog
Contact Us

I will provide you the solution each Menu each color.

Note: If you Find my Post useful please click on the Thanks Icon

[Author]

Posts