forum.coppermine-gallery.net

Support => cpg1.3.x Support => Older/other versions => cpg1.3 Themes/Skins/Templates => Topic started by: rosie on June 11, 2005, 04:40:13 pm

Title: Header help
Post by: rosie on June 11, 2005, 04:40:13 pm
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!
Title: Re: Header help
Post by: donnoman on June 11, 2005, 05:39:56 pm
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 (http://jigsaw.w3.org/css-validator/validator?profile=css2&warning=2&uri=http%3A//www.minisculeblondeone.com/coppermine/index.php) 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.
Title: Re: Header help
Post by: rosie on June 12, 2005, 11:49:21 am
thanks! it worked!