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 highlight

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

Hi guys

This site www.georgiebrocklehurst.com/

How can i get the menu item you are on go bold and stay highlighted when you are on that page?

Thanks...

regards pete
  • Peter haken's Avatar
  • Peter haken
  • 6 Month Developer
  • 324 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Pete,

.moduletable-superfish ul li.active a, #nav ul li.active a, .moduletable-superfish li.parent.active a, #nav li.parent.active a, .moduletable-superfish li.parent.active ul li a:hover, #nav li.parent.active ul li a:hover, .moduletable-superfish li a:hover, #nav li a:hover, a#active_menu:link, a#active_menu:visited {
color: red;
font-weight: bold;
text-decoration: none;
}

Its in the template_css.css

You will need to find in the css where the bold is being overided - guessing you will need to make the css more specific or remove font-weight:normal from somewhere - propably * at the top of the stylesheet

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
I added the red style to check as font-weight was not working :)

Cheers
Paul
  • manh's Avatar
  • manh
  • Moderator
  • 45248 posts
  • 2106 Thanks
  • Karma: 603
The administrator has disabled public write access.
hi i tried to add this but it turned my menu into a list ! though i was not sure about this part
You will need to find in the css where the bold is being overided - guessing you will need to make the css more specific or remove font-weight:normal from somewhere - propably * at the top of the stylesheet.

I am using the blue highlight but I have changed to suit my clients brief.
  • Peter haken's Avatar
  • Peter haken
  • 6 Month Developer
  • 324 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Peter,

Sorry I didn't expect you to add the whole lot just add font-weight to existing styles on the template - if you search the css stylesheet using a find brower function

However it should work if you paste code into the template blue sheet - sounds a bit like you missed off a closing bracket.

Specifity is how css works -
www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/

I removed the font-weight: normal from * line 11 template_css.css
font-weight.jpg

and added font-weight: bold; to code listed above

If you are still struggling give us a shout

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

I think I have done it now, bit of a mix of things i think! Does it view ok to you?

Thanks for your help
  • Peter haken's Avatar
  • Peter haken
  • 6 Month Developer
  • 324 posts
  • Karma: 0
The administrator has disabled public write access.
Hi Peter,

looks fine but is photographs ok?

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

Ah yes see what you mean....because of the sub menu...wheres that then?
  • Peter haken's Avatar
  • Peter haken
  • 6 Month Developer
  • 324 posts
  • Karma: 0
The administrator has disabled public write access.

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

Happy Campers