Keyword
Please note that official support for commercial extensions & templates is provided in the Subscriber Help Desk.
Support requests should ONLY be directed there and require an active subscription plan.
This forum board is to be used for archive purposes and knowledge exchange ONLY.

Change Menu Background Color

  • Fred Phan
  • Fred Phan's Avatar Topic Author
  • Offline
  • New Member
More
10 years 9 months ago #137845 by Fred Phan
Change Menu Background Color was created by Fred Phan
HI,

How Can I simply change the Background Color, on open and Hover of the Menu?
Can I add few lines in custom.lines or Shall I modify it in the css.

thanks

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 9 months ago #137846 by Krikor Boghossian
Replied by Krikor Boghossian on topic Change Menu Background Color
If you modify the css file you should back it up so you won't lose any changes when you update the template.

You can safely edit the custom.css file which ensures quick and hustle-free updates.

If you need any assistance send me a link to your site and some hex codes :)

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Fred Phan
  • Fred Phan's Avatar Topic Author
  • Offline
  • New Member
More
10 years 9 months ago #137847 by Fred Phan
Replied by Fred Phan on topic Change Menu Background Color
Hi Krikor,

I wish I could share the website but it's hosted internally...
But let's say on the Demo, what should I write in the CSS in order to change the background color of the menu items and on hover too?

Thanks

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 9 months ago #137848 by Krikor Boghossian
Replied by Krikor Boghossian on topic Change Menu Background Color
First level:
.mainHeader { background: #COLOR; }

Second Level:
.mainNav ul.menu ul { background: #COLOR; }

Hover States - First level only:
.mainNav ul.menu > li:hover > a { background: #COLOR; }

Hover States - lower levels:
.mainNav ul.menu ul li:hover > a, .mainNav ul.menu ul li a:hover, .mainNav ul.menu ul > li.active > a { background: #COLOR; }

You can use this structure to add different colours as well.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.

  • Fred Phan
  • Fred Phan's Avatar Topic Author
  • Offline
  • New Member
More
10 years 9 months ago #137849 by Fred Phan
Replied by Fred Phan on topic Change Menu Background Color
You're the man!
Thanks - solved

Please Log in or Create an account to join the conversation.

  • Krikor Boghossian
  • Krikor Boghossian's Avatar
  • Offline
  • Platinum Member
More
10 years 9 months ago #137850 by Krikor Boghossian
Replied by Krikor Boghossian on topic Change Menu Background Color
You 're welcome Fred.

JoomlaWorks Support Team
---
Please search the forum before posting a new topic :)

Please Log in or Create an account to join the conversation.


Powered by Kunena Forum