Must Read: New Unified System is officially live Must Read     |   6 Templates Updated (27 April 2018) Read more

Support Forum

Please note that this forum is only available to you in read only mode. In order to contribute to this conversation you will need to renew your subscription.

Menu background colours

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Is there a way to change the css so that the 3 menu links in the top menu each have a different background colour. I have tried various ways and am not having much joy!
The website is at www.fsgtestsite.co.uk/litteralliance/ and I have attached a visual so you can see what I mean.

Many thanks in advance.

Heather
Attachments:
  • heatherfsg's Avatar
  • heatherfsg
  • LIfetime Developer - Big Bamboo
  • 93 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Heather

Something along the lines of

.topMenu li.item-371 a {background-color: red;}
.topMenu li.item-210 a {background-color: blue;}
.topMenu li.item-372 a {background-color: green;}
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
This uses the item class for the link

This is different for each link so if you change the link the styles will need to be adjusted
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
.topMenu li.item-371 a:hover {background-color: whatever hex colour value}

For the hover

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
That's perfect Paul. Thank you so much!!
  • heatherfsg's Avatar
  • heatherfsg
  • LIfetime Developer - Big Bamboo
  • 93 posts
  • Karma: 0
The administrator has disabled public write access.
No problem

Best of luck with the site

Cheers
Paul
  • paulus103's Avatar
  • paulus103
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.

zentoolsIf you use Zentools please post a review at the Joomla! Extensions Directory.

Happy Campers