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
-
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!
-
From the pages source:
<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.
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:
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:
h1 {
font-size: 4em;
text-align: center;
color: #FFAABB
}
replace with:
h1 {
font-size: 4em;
text-align: center;
}
find this:
h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
color: white;
}
replace with:
h1, h1 a, h1 a:hover, h1 a:visited, .description {
text-decoration: none;
color: #FFAABB;
}
Good luck.
-
thanks! it worked!