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.

Main menu and slideshow image tweaking

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

Hi,

I have the slideshow image overlay at .01 but this makes the main menu hard to read. If I take the padding out by

#menu.zen-menu-right ul > li {
padding: 0;
}

and add a background to it by

#menu ul >li {
background: none repeat scroll 00 rgba(0, 0, 0, 0.4);
}

then that looks good but the drop downs and sticky nav have the grey too and I want that white. So there must be a better way of doing this.

Helen
  • Helen Nunley's Avatar
  • Helen Nunley
  • LIfetime Developer - Big Bamboo
  • 1024 posts
  • 3 Thanks
  • Karma: 7
Last Edit: 6 years 2 months ago by Helen Nunley.
The administrator has disabled public write access.
Hi Helen,

Do you have a link?

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Local only right now. Let me see if I can put it in a test area...
  • Helen Nunley's Avatar
  • Helen Nunley
  • LIfetime Developer - Big Bamboo
  • 1024 posts
  • 3 Thanks
  • Karma: 7
The administrator has disabled public write access.
Thanks
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
OK, here's the link:

prettygoodhost.com/test/
  • Helen Nunley's Avatar
  • Helen Nunley
  • LIfetime Developer - Big Bamboo
  • 1024 posts
  • 3 Thanks
  • Karma: 7
The administrator has disabled public write access.
I can add this and it fixes the dropdowns but not the sticky nav

#menu ul ul >li {
background: transparent;
}
  • Helen Nunley's Avatar
  • Helen Nunley
  • LIfetime Developer - Big Bamboo
  • 1024 posts
  • 3 Thanks
  • Karma: 7
The administrator has disabled public write access.
So does this leave you needing the sticky wrap transparent but needing the navigation readable?

What are you wanting to achieve in the end? - it's been a long day

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

2 things:

1. Am I approaching this correctly or is there a better way to do what I want?

2. I still need the sticky wrap transparent, yep.

Helen
  • Helen Nunley's Avatar
  • Helen Nunley
  • LIfetime Developer - Big Bamboo
  • 1024 posts
  • 3 Thanks
  • Karma: 7
The administrator has disabled public write access.
1. I tend to go with if it works then it's good

There are normally a few ways of doing everything :)
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
2.

Try something along the lines of

#navwrap.fixed {background:transparent;}
#navwrap.fixed a, #navwrap.fixed span.zen-menu-heading {color: #fff;}

#navwrap.fixed ul ul > li a, #navwrap.fixed ul ul > li.parent .zen-menu-heading {color: #333;}

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Not quite what I want but I figured it out from what you posted

#navwrap.fixed ul > li {background: transparent;}

Thanks Paul!
  • Helen Nunley's Avatar
  • Helen Nunley
  • LIfetime Developer - Big Bamboo
  • 1024 posts
  • 3 Thanks
  • Karma: 7
The administrator has disabled public write access.
ah sorry about that - thought I was on to a winner with those

Thanks for the update :)

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