Recent
Categories
View Replies (6)

Changing color of active menu background

0
Votes
Undo
  1. ziggy
    ziggy
  2. Sherlock Holmes
  3. Commercial Templates
  4. Friday, 22 March 2013
  5.  Subscribe via email
Hey, I've pored through the CSS style files that would seem to affect this (template.css, nexus.css, jstuff.css) but can't find it. I'd like to change the color of the background of the current menu setting on the toolbar in hornav. http://danielbmusic.com/test3/index.php Maybe it's another Custom CSS line or two...?!? I know the color code I want, just need the rest.... Let's see, using Joomla 3.

Thanks again, loving this template...

Daniel

p.s. also, I've noticed that the "Home" link in the hornav extends all the way to the left side where my logo is. Can I adjust that somehow so that people don't inadvertently go to the home page when they're not wanting to?
Responses (6)
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
HI Daniel

To edit the background of your active menu item within your top menu area try adding the following to the Custom CSS field of your templates parameters..


[code type=css]#hornav li.active {background: #324613 ;}[/code]

Where #324613 is your new background color.

Would you have a URL to an example of your 'Home' menu item? Doesn't appear to be present in the URL provided.

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 1
ziggy
ziggy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Not sure if I'm understanding your question correctly, but I've set the Home menu item to "Featured blog entries" and right now there isn't one.

I put #hornav li.active {background: #324613 ;} in the Custom CSS block, saved and refreshed. It appears to change something (underneath) the blue button, so it ends up looking like a border around the blue. I've looked through all the provided image files and anyplace where there is a color assignment in the css files and can't find anything that changes this blue button.

Other thoughts?

Daniel
  1. more than a month ago
  2. Commercial Templates
  3. # 2
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Hi Daniel

Try changing the suggested CSS to the following...


[code type=css]#hornav li.active a {background: #324613 ;}[/code]

Hopefully that should work.

Regarding your home menu item may I suggest sending temporary administration access to your Joomla installation to info@joomla51.com and we will examine this issue further. For our reference please paste a link to this post in your email.

Ciarán

Ciaráán
  1. more than a month ago
  2. Commercial Templates
  3. # 3
ziggy
ziggy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
That 'a' did it, thanks. Sent an email re: the rest... D
  1. more than a month ago
  2. Commercial Templates
  3. # 4
ciaran
ciaran
Love Fool Sherlock Holmes The Voice
Notable Answerer Notable Answerer
Accepted Answer Pending Moderation
0
Votes
Undo
Thank you Daniel

Try adding the following to the Custom CSS field of your templates parameters which will reduce the size of your logo area and padding around your home menu item..


[code type=css]#hornav ul a, #hornav .separator {padding: 3px 12px 8px;}
.logo_container, h1.logo, h1.logo a {width: 130px;}[/code]

Ciarán
  1. more than a month ago
  2. Commercial Templates
  3. # 5
ziggy
ziggy
Sherlock Holmes
Accepted Answer Pending Moderation
0
Votes
Undo
Fantastic, worked beautifully! I also added a height: 85 parameter on the logo container. I'm getting a good CSS lesson here, too, so I won't have to bother you so much in the future... ;-)

Best,

Daniel
  1. more than a month ago
  2. Commercial Templates
  3. # 6
  • Page :
  • 1


There are no replies made for this post yet.
Be one of the first to reply to this post!

Site Links

Recommended

Join Our Newsletter

* indicates required
We respect your privacy and do not tolerate spam and will never sell, rent, lease or give away your information (name, email, number, etc.) to any third party. Nor will we send you unsolicited email.
Joomla51 - Mullaghmore, Co. Sligo, Ireland
Joomla51.com is not affiliated with or endorsed by the Joomla! Project or Open Source Matters.
The Joomla! name and logo is used under a limited license granted by
Open Source Matters the trademark holder in the United States and other countries.

We use cookies on our website. Some of them are essential for the operation of the site, while others help us to improve this site and the user experience (tracking cookies). You can decide for yourself whether you want to allow cookies or not. Please note that if you reject them, you may not be able to use all the functionalities of the site.

Ok