Advanced search  

News:

cpg1.5.48 Security release - upgrade mandatory!
The Coppermine development team is releasing a security update for Coppermine in order to counter a recently discovered vulnerability. It is important that all users who run version cpg1.5.46 or older update to this latest version as soon as possible.
[more]

Pages: [1]   Go Down

Author Topic: Header help  (Read 2507 times)

0 Members and 1 Guest are viewing this topic.

rosie

  • Coppermine newbie
  • Offline Offline
  • Posts: 9
Header help
« 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!
« Last Edit: June 12, 2005, 03:32:28 pm by donnoman »
Logged

donnoman

  • Dev Team member
  • Coppermine addict
  • ****
  • Offline Offline
  • Gender: Male
  • Posts: 1615
  • From donovanbray.com
    • Donovan Bray
Re: Header help
« Reply #1 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 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.
Logged

rosie

  • Coppermine newbie
  • Offline Offline
  • Posts: 9
Re: Header help
« Reply #2 on: June 12, 2005, 11:49:21 am »

thanks! it worked!
Logged
Pages: [1]   Go Up
 

Page created in 0.016 seconds with 19 queries.