Shape 5

Joomla Templates => EZ Web Hosting - Club => : johnmalcol August 05, 2014, 01:50:30 PM


: Main Menu Active colour change
: johnmalcol August 05, 2014, 01:50:30 PM
Hi All,

I have used firebug and can change the active menu colour to the colour I want.

However it refers to a #6 css but there is no file in css for #6.

I custom.css to change the header colour but not its to close the the Main Menu active page colour. ie when on home page the Home page menu button fades to same as Background header colour and can hardly be seen.

How do I change the active menu colour?

Thanks
John

: Re: Main Menu Active colour change
: mikenicoll August 05, 2014, 04:49:45 PM
Hello,

Did you try something like this in the custom.css file?

:
#s5_nav li.active a {
  color: #ff0000 !important;}

Regards,

: Re: Main Menu Active colour change
: johnmalcol August 06, 2014, 07:28:30 AM
I have and that's why I am stumped.

I had this in my custom.css in the Templates directory /templates/ezwebhosting/css

#s5_nav li.active a {
    color: #352A67 !important;}

See attached for my issue.

Thanks
John

: Re: Main Menu Active colour change
: johnmalcol August 06, 2014, 10:16:03 AM
Hi all,

I found that the active Top Menu - Active colour comes from the Template settings - Template Specific:

Hightlight Colour 2 - box with color code.

How can I override this for just the Active Top Menu?

Thanks
John

: Re: Main Menu Active colour change
: mikenicoll August 07, 2014, 09:01:51 PM
Hello,

There is a call in the index.php that applies that color selection to multiple elements including the active top menu color.

:
#s5_nav li.active a, .module_round_box .s5_h3_first, .module_round_box-darkgray2 .s5_mod_h3_outer h3 .s5_h3_first, .module_round_box-darkgray .s5_mod_h3_outer h3 .s5_h3_first, .s5_pricetable_column.recommended .button, a {
    color: #db25db;
}

However, I would double check that you used a !important call properly as this should override the above rule since it doesn't have a !important value attached to it.

:
#s5_nav li.active a {
color: #ff0000 !important;}

Should always outweigh the index.php value so I would double check that the coding was added properly and the cache was cleared as well after making the changes. I tested the coding I gave you on my copy and it was working as an override properly.

If you still have issues you can remove the active menu call from the index.php line I referenced above and manually add it into the CSS file with a color code.

Regards,