-
-
CommentAuthorNickyD
- CommentTimeFeb 24th 2007
Hi everyone. Quick question. I am working on a design and have a 'link' question. I have links throughout the content area, but I also made the title in a header a link. I am having a problem trying to make the link color in the header a different color from the links in the content area. I would like the links in the content area to remain a green color (#72A545) I have chosen, but would like the link in the header to be white. I have played with different options in the css, but just not skilled enough. Not sure if this is an easy fix, but I am putting 2 parts of coding below. One is the code for the 'links', and the other for the header. Thanks if anyone can figure this out.
======================
/* links */
a {
color: #72A545;
background: inherit;
text-decoration: none;
======================
#header h1#logo-text {
position: absolute;
margin: 0; padding: 0;
font: bolder 3.1em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #FFF;
text-transform: none; -
-
-
CommentAuthorChristopher
- CommentTimeFeb 24th 2007
use:#header h1#logo-text a {
color:#fff;
}
to give the A links inside of the h1 id="logo-text" -
-
-
CommentAuthorNickyD
- CommentTimeFeb 24th 2007 edited by NickyD on the 24th February 2007 at 14:05:05 EST
For some reason, the text got larger when I replaced the #header to:
#header h1#logo-text a {
color:#fff;
position: absolute;
margin: 0; padding: 0;
font: bolder 3.1em 'Trebuchet MS', Arial, Sans-serif;
letter-spacing: -2px;
color: #FFF;
text-transform: none;
I also put this seperate, but nothing happened.
#header h1#logo-text a {
color:#fff;
}
Yeah, I know, stupid newbie.....Sorry mate. I was not sure which to way to try it. I did both ways separately. -
-
- CommentAuthorMattKern
- CommentTimeFeb 24th 2007
You need a space between h1 and #logo-text -
-
CommentAuthorNickyD
- CommentTimeFeb 24th 2007
Thank you Matt.... -
-
- CommentAuthorMattKern
- CommentTimeFeb 24th 2007
I am great at the easy ones ;-)
1 to 6 of 6
