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

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

Looking to change the menu background here cascadehouse.com.au/2015/
Not the background of the menu links but the row
Would like it to be semi opaque

Appears that <ul class="zen-menu-404 "> is the thing but can't find it's location.
Tried paying around with styles in the custom.css and it didn't work.

Any suggestions?
  • Andrew's Avatar
  • Andrew
  • 12 Month basic
  • 509 posts
  • 20 Thanks
  • Karma: 10
The administrator has disabled public write access.
Do you mean the banner row underneath the menu?

The template has settings for an opacity effect

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
looking to make the bluish block semi transparent

CHmenu.jpg
  • Andrew's Avatar
  • Andrew
  • 12 Month basic
  • 509 posts
  • 20 Thanks
  • Karma: 10
The administrator has disabled public write access.
The existing menu link styling on your site is these lines

#menu ul > li a, #menu ul > li .zen-menu-heading { background: rgba(0,0,0,0.4);}

#menu ul > li.active > a, #menu ul > li:hover > a, #menu ul > li.active > .zen-menu-heading, #menu ul > li:hover > .zen-menu-heading {background: rgba(0,0,0,0.4);

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
The following user(s) said Thank You: Andrew
Cool
Thanks for that
  • Andrew's Avatar
  • Andrew
  • 12 Month basic
  • 509 posts
  • 20 Thanks
  • Karma: 10
The administrator has disabled public write access.
No probs

Good luck with the site

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
That doesn't work Paul ... sorry :blush:
cascadehouse.com.au/2015/shop
It just does the div background just for the menu item
I want the whole menu row/div to be like that as outlined in the first image.
  • Andrew's Avatar
  • Andrew
  • 12 Month basic
  • 509 posts
  • 20 Thanks
  • Karma: 10
The administrator has disabled public write access.
Hi

ah ok

Not quite sure how you want this to look so I've used a horrible colour

.zen-menu-horizontal ul { background-color: rgba(215, 44, 44, 0.5); background: rgba(215, 44, 44, 0.5);}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
With it being rgba the last value is the alpha channel

These values go from 0 to 1 e.g. 0.1, 0.2 etc

Cheers
Paul
  • manh's Avatar
  • manh
  • 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