Print

[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]

<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]


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]


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]

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

replace with:

Code: [Select]

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

find this:

Code: [Select]

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

replace with:

Code: [Select]

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

Good luck.

[rosie]

thanks! it worked!