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.

Color of Active Menu Items

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

Hi JB Team:

In this template at this site:
parliamentariansbc.com/

When a menu with a drop down is linked, the active color is white and it doesn't show clearly where you are... can this be changed to BLUE for example using the Template manager or will this need to have some custom CSS applied to render a different color than white?

Cheers and Happy New Year!

Tony
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
Hi Tony,

I'm not quite following there is blue background on the parent dropdown element together with the white text

Am I looking at the right element?

Cheers and happy new year to you and the family :)
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Thanks for the Kind words for the New Year! I am sorry I didn't explain this too well for you! I was on Firefox and wanted to send a screenshot; but as you know this is still a difficulty... I am not on Chrome and have attached this screenshot for you.

As you will see from the screen shot, the Menu Item between: PABC BOARD and CONTACT is not visible. I believe that it needs to be visible. I tried using the settings in Theme Magic but could not find the right one, if indeed it is there!

So, heres the screenshot, hope this helps explain the issue more clearly.

Cheers and thanks...

Tony


MenuColor.png
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
ah ok

Does adding this line solve the problem?

#navwrap ul.nav > li.active .separator {color:#777}

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

The color works, however if you move the mouse 'away from' the menu bar, it changes back to white!

What is the reason for that... you would think that it would be stable as you move around the article...

www.parliamentariansbc.org

Cheers,
Tony
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
Hi Tony,

Not sure what you mean as the colour looks ok to me but instead add

#navwrap ul.nav > li.active .separator {background: #818ee3 !important; border-radius: 4px;border-bottom: 0;padding: 8px;text-transform: uppercase;text-shadow: none;margin-left: 0px;}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I'm testing on the events link tab

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

I lost track of this one... but just now got back to it.
Again, if a person links to the Training Sessions sub-menu for Events, the Main Menu item Events seems to disappear.
I hope I have made that clear to you now...
Here's what I do:

mouse over Events, click the Training Sessions sub menu and move my mouse way. The Main Menu events is no longer visible.

If you need a screen shot I'll have to post using Chrome... I would like to know if this is fixable in Theme Magic... but I have tried all kinds of changes there but cant seem to isolate the element required to be 'coloured'....

Cheers,
Tony
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
Hi Tony,

Did you try adding the css I suggested for this? - did it not work?

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

Yes, I did try it and no difference... can you take another shot at this?
I'm in the middle of the Tranmere Game on my PVR!

Tony
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
Cam you paste the code I suggested I can't see it

parliamentariansbc.com/templates/zenbase/css/custom.css
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul:

Is this the code?

#navwrap ul.nav > li.active .separator {color:#777}

Tony
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
that was attempt 1

this was attempt 2

#navwrap ul.nav > li.active .separator {background: #818ee3 !important; border-radius: 4px;border-bottom: 0;padding: 8px;text-transform: uppercase;text-shadow: none;margin-left: 0px;}
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
Hi Paul... attempt 2 is now in place!
Haven't checked the result as I write...
Tony
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
The active link now has the blue rounded border background on it
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
not on my screen...
I will try with Chrome!
T
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
Yup, fine on Chrome... not on Firefox!
T
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.
It works fine for me in both

I'll attach a screenshot
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
This is what I see


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

Sometimes a mystery won't go away! I see that in Chrome but not in Firefox, I'm going to put the blame on my MacBook Pro!!!

Cheers and thanks, I think we'll leave it for now.

Tony
  • Tony Shaw's Avatar
  • Tony Shaw
  • LIfetime Developer - Big Bamboo
  • 1908 posts
  • 9 Thanks
  • Karma: 13
The administrator has disabled public write access.

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

Happy Campers