Come together with the global Drupal community in Rotterdam, 28 Sept – 1 Oct 2026. Sessions, contribution, connection, and Early Bird savings until 8 June.
By osmorphyus on
hi,
im working on a basic theme layout, an its coming along alright, however i am sick of looking at the hideous "purple & blue" link colors set by default.
i have searched for "link" in my sub-theme.css file and find:
#block-user-1 /* "Navigation" block for Drupal navigation menu */, which i have coded into:
{
font-family: "times new roman";
font-size: 1em;
font-color: #FFFFFF;
letter-spacing: 3px;
}
#primary /* Primary links */, which i have coded into:
{
font-color: white;
}
but nothing changes. where are link properties declared in a zen.css file?
Comments
#block-user-1 nor #primary
#block-user-1 nor #primary target anchors...
font-color is not a CSS attribute....
http://www.w3.org/Style/CSS/learning
________________
Live fast die young
ahh shit, what a lame
ahh shit, what a lame oversight. here i defined it right earlier in the admin link color..
i still dont get the other part tho, block nor primary.. are you trying to say that these do not control link colors? if they dont, then i still need to klow what does control link colors.
Try
Try http://www.w3.org/Style/CSS/learning
And this will be helpfull too: https://addons.mozilla.org/en-US/firefox/addon/60
________________
Live fast die young
yeah, you have a bit of css
yeah, you have a bit of css research to go though. here's a few quick tips to get the links part going:
Normally a css file will have ALL links declared to be a certain colour:
a {color: #555;}To override this colour in a specific block (lets say block 1), you need:
#block-block-1 a {color: #fff;}This says to make all of the links in block 1 white. Likewise, you can make all the links in the content area of your website a different colour, and add a hover colour:
#content a {color: #555;} #content a:hover {color: green;}Etc.
If you're brand new to css, I can't recommend Zeldman's Designing with Web Standards enough. That's how I learned.
im not brand new to css, i
im not brand new to css, i have been working with css in various web site engines for years.
hence i keep asking: what definition in the zen.css controls link colors?
i have messed with the ul.links, these links, those links, etc. none have worked to alter the link colors.
in the zen.css file, there is no just a tag for all. i have tried changing in blocks, unless theres a problem with caching in my localhost setup, i cant figure it out.
ill keep hammering thru the css file.
thanks for the tips. ill update with any changes.
the html-elements.css file
the html-elements.css file contains several blocks for a:link, visited, hover, focus, active maybe those will work?
izzy
hmm, good tip, izzy. ill
hmm, good tip, izzy. ill look into that. thanks!
As I said:
As I said: https://addons.mozilla.org/en-US/firefox/addon/60
With this you can easy find out which element was styled by with class in which css file...
________________
Live fast die young
To help future searchers
I stumbled across this thread and noticed that it was sort of incomplete so thought I'd provide a little help for those who find this aswell.
As mentioned in a previous comment, an addon called Web Developer (Firefox/Chrome from what I've used), can be used to display ID's and elements among many other things.
Using this, I found the ID for the user menu which is #block-system-user-menu.
Most link styling can be done within blocks.css (you have to style per block, not per page). Most of the ID's are self explanitory, but if you need to know what the ID's are, use the addon mentioned earlier in this post.
An example of mine is, for changing the user menu links to red, I added this to blocks.css:
to style all base links within that block (wanted to keep #block-system-user-menu for styling things other than links, so made the new anchor ID).
As everyone here will have some knowledge of CSS etc, I won't go into more detail but that is the jist of it for anyone who was confused as I was.