By El Viejo on

I'm a semi-newbie to Drupal. No problem installing nor customizing it with bluemarine tpls and css. I can generally figure out how to do what I want by examining code with Firebug and etc.. That said, creating distinct colors for primary and secondary links without changing link colors in other content is driving me nuts.

I just know the answers are in the forum - I can see that others have the same questions. I'm not clever enough to recognize and implement the solutions. It comes down to having white as the color for primary and secondary links in navigation areas and leaving black for all else. The must be a simple way to do this, or documentation somewhere that identifies the class ids for addition to the style sheet in themes.

Does anybody have code snippets doing this that they would share?

⋅ Categories: Drupal 6.x

Comments

MidGe48’s picture

MidGe48 commented

"... or documentation somewhere that identifies the class ids for addition to the style sheet in themes."

Since this is dependent on the way the themes are implemented that is not really possible.

You have the right approach.. use firebug... and then change your theme to reflect the specific element. As you do in any CSS, you may need create a new element with the desired specificity.

www.ZuNOB.com

Anonymous’s picture

Anonymous (not verified) commented

I think your problem is css selectors, for example if you want to style primary you can do:

ul.primary a {
color: blue;
}

and for secondary:

ul.secondary a {
color: red;
}

make sure this styles get added last on your css and that overrides the default color. you might need to get more specific for your selectors to take effect.

El Viejo’s picture

El Viejo commented

That's what I needed.

ul.primary a {
color: blue;
}

I'm going to have to spend some serious time in study of the CSS selectors and how they appear in the various style sheets linked in series.

You are right in re firebug too. It is an indispensable tool for this.

David Vespoli’s picture

David Vespoli commented

Trying to do image replacement so I will need unique identifiers for each link. Any help customizing an expandable menus(priamary or secondary) so they contain unique identifiers?