Advanced search  

News:

CPG Release 1.6.26
Correct PHP8.2 issues with user and language managers.
Additional fixes for PHP 8.2
Correct PHP8 error with SMF 2.0 bridge.
Correct IPTC supplimental category parsing.
Download and info HERE

Pages: [1]   Go Down

Author Topic: Header help  (Read 3015 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.017 seconds with 20 queries.