Community

Changing colour to zen subtheme navigation links

Hi, I'm having a lot of problem changing the text colour of the navigation links, please bear with me I'm completely new to using drupal

I want them to be all white except for the link that is currently active.

In the navigation.css file I have the following code that puts the colour of the active link in black

li a.active {
color: #000;
}

But if I try and change the text colour of navigation links in the navigation.css file using the following it doesn't change it

#navigation ul.links li,
#navigation ul.menu li { /* A simple method to get navigation links to appear in one line. */
float: left; /* LTR */
padding: 0 10px 0 0; /* LTR */
list-style-type: none;
list-style-image: none;
color: #fff;
}

I've tried various things in normalize.css and pages.css aswell without getting the desired result.
In which CSS file should I be trying to make such a change.

Comments

It's been almost a fortnight

It's been almost a fortnight and no reply?

Anyone able to assist with this? Please.

=-=

A) I'd reconsider hacking the the zen.css files. I'd override in a custom.css file within the subtheme.
B) without a link to the site it's difficult to aid with CSS questions.

I'm not hacking the core zen

I'm not hacking the core zen css files. I'm only modifying the CSS files within the subtheme. The site is not live thus unable to provide a link for you to view.

=-=

I didn't say they were zen core files. They can be considered subtheme core files though. If you need to update the subtheme having a custom.css file is, IMO, far better than having to transfer changes as updating the subtheme means overwriting those non custom.css files contained within the subtheme.

Without a link to the site in question, I suggest inspecting the elements (if you aren't already) with firebug or chromes dev tools.

nobody click here