By bstrange on

Ok for my 3rd drupal site and about 6th week of learning (translation: desecrating) CSS code, I am nearly finished with another site. The community here has been incredibly helpful (and patient) and I want to again thank everyone for imparting their knowledge on this noob :)

Anyways, on my current site http://www.theweeneehut.com in the footer message, I have a link to my site (http://www.homepcpatrol.com). Unfortunately, it is a dark footer and the link to my site uses the color scheme for links in the body. I would like to set the color for this link to match the rest of the footer text (white) and make it static i.e. white on visited, hover, etc. So how do I go about doing this without disrupting the color of other links within the site?

Any thoughts? (Besides "please buy a CSS book" or something along those lines LOL)

Thanks in advance :)

Comments

jabba_29’s picture

jabba_29 commented

Since you have only one link, you can do this.
This makes all links within the "footer-message" p white....

#footer-message a{
    color: #fff;
}

HTH.

Jamie

Making Drupal Mobile

dman’s picture

dman commented

"please read up on CSS" is the answer you need.

or at least look at some examples.

you probably need to define both links and visited, as they will be inheriting from the dark-on-light defaults you have. 

#footer .a:link, #footer .a:visited {
color:#FFFFFF;
}

or, y'know something like that depending.

.dan.
How to troubleshoot Drupal | http://www.coders.co.nz/

.dan. is the New Zealand Drupal Developer working on Government Web Standards

bstrange’s picture

bstrange commented

Thanks very much, and for the record, I did look at every page on CSS linking that I could find covering a: links. They were all pretty cut and dry, however none of those pages explained how to apply styles to specific hyperlinks. Almost every tutorial dealt exclusively with applying a: link styles to the entire site.

I realize it is probably just a problem with looking up the correct tutorials and from your responses I think I should have looked up maybe something like custom classes for anchor links

ah well, I'm learning ... slowly ...

bstrange’s picture

bstrange commented

Interestingly, when I added Dan's code it didn't effect the link, even when adding it at the end of style.css so that no additional footer comments would overrule it.

Jamie's code worked and the link is now white.

I am sure that I implemented Dan's code incorrectly but have tried a number of different implementations of it and cannot produce a white link with that file in style.css.

Is it possible that because the message is input into the footer through site information rather than a true implementation of code into the footer, that dan's style isn't applied?

If that is the case, then if I input html href into the actual footer than Dan's fix would cause it to be white correct?

Sorry guys, just trying to learn :)

dman’s picture

dman commented

Sorry, mine was pseudo-code.
You need to adjust it for whatever it is that you actually want to change.
I said #footer because that's what I'd do in my theme.
#footer-message is more specific if that's what your theme calls it, and may win in this case...

My code was a starting point - not an answer. Depends totally on what actual theme you have and what styles you already have.

.dan.
How to troubleshoot Drupal | http://www.coders.co.nz/

.dan. is the New Zealand Drupal Developer working on Government Web Standards