Header help

[rosie]

Sorry, but you guys must get so sick of these stupid questions about headers.

I've got the page looking the way I want (well almost). But I can't get the font colour of the Header to be what I want. It still is white with the backgrond colour of the header. I've changed it heaps of times but cannot work.

This is what it looks like: http://www.minisculeblondeone.com/coppermine/index.php

Please help. Thanks!

[donnoman]

From the pages source:

Code Select Expand


<meta content="text/html; charset={charset}" http-equiv="content-type">


In your template.html {charset} should be {CHARSET}
(All tokens should be uppercase, or they won't get replaced) This is a mistake that was in the original theme that was probably copied to make kubrik.

There are errors in your CSS, ie: many of your values have omitted the scale, ie using:

width:279;

instead of

width:279px;

Use a css validator to help identify the problem

Colors have been specified multiple times for the H1 element. In CSS attributes are merged and last writer wins.

Code Select Expand



h1 {
padding-top: 20px;
margin: 0;
}

h1, h2, h3 {
font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
font-weight: bold;
}

h1 {
font-size: 4em;
text-align: center;
       color: #FFAABB
}

h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
color: white;
}



Also notice that there is a missing ";" at the end of "color: #FFAABB".

This results in an H1 Element with the following characteristics:

Code Select Expand



h1 (
   padding-top: 20px;
   margin: 0;
   font-family: 'Trebuchet MS', 'Lucida Grande', Verdana, Arial, Sans-Serif;
   font-weight: bold;
   font-size: 4em;
   text-align: center;
   text-decoration: none;
   color: white;
}



style.css find:

Code Select Expand


h1 {
font-size: 4em;
text-align: center;
       color: #FFAABB
}


replace with:

Code Select Expand


h1 {
font-size: 4em;
text-align: center;
   }


find this:

Code Select Expand


h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
color: white;
}


replace with:

Code Select Expand


h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
color: #FFAABB;
}


Good luck.

[rosie]

thanks! it worked!