Please help me change my CSS

I've tried several things based on the manual and I'm obviously doing something wrong. URL: http://ta77.net/amember/signup.php. All I want to do is change the text/background to something more readable. I cannot get it to change. Sometimes the text flashes black for a second but then goes to the white text and light grey which is really not fun to look at. Please help - I don't know what I'm doing wrong.

Did you copy /amember/templates/css/amember.css to /amember/templates/css/site.css ?

The site.css file does NOT exist when you first install the script.
It must be created.

Here's how...

FTP into your ../css folder and download amember.css to your local drive.
rename it to site.css and upload it to the same directory.

If you don't do this, your page formatting, text styles and size will all be wacky (Times Roman, yuk!).
Once you apply the change, you'll be a happy camper.

-----------------------------------------------------

If you have already done this, check your URL's to be sure there is no reference to https: (secure) on a site that has no SSL cert installed. It is a common setup mistake to allow the https path to slide by.

If you need a very inexpensive Class 2 SSL certificate GO HERE

Your hosting company can install the certificate for you.

well, i did that and changed the body text to a blue that would be easy to see if it changed - nothing. Changed the code, named it site.css and uploaded it to the templates/css directory and tried the root directory - nothing changed. can anyone help? all of the text in the tables is white inside a light grey cell which is very unreadable.


/** aMember-specific styles here */

/* properties for entire page and text inside tables */
body, th, td {
font-family: Verdana, "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
font-size: 0.9em;
color: #0066FF;
}
/* properties for all input elements */
input, textarea {
font-family: Verdana, "Lucida Grande","Lucida Sans Unicode",geneva,verdana,sans-serif;
font-size: 0.9em;
}
hr {
background-color: #4479BE;
border: 0;
width: 100%;
height: 1px;
}
ul, li { list-style: disc; }
.small { font-size: x-small; font-weight: normal; }
.powered, .powered a { font-size: x-small; color: #808080; margin: 0.5em 0em 0.5em 0em; }
strong, .strong { font-weight: bold; }
.text_disabled { color: ButtonFace; }

/* properties for headers */
h1,h2,h3 {
color: #707070;
font-weight: bold;
text-align: center;
margin: 0.5em 0.5em 0.5em 0.5em;
}
h1 { font-size: 140%; }
h2 { font-size: 130%; }
h3 { font-size: 120%; }

/* other elements */
div.centered { text-align: center; }
div.centered table {
margin: 0 auto;
text-align: left;
}
ul,ol { margin-left: 2em;}
.code { font-family: "Courier New", Monospace; font-size: 120%; color: blue; }

/* vedit - vertical table (signup, profile edit) */
.vedit {
border: solid 1px #8CACBB;
}
/* vedit - usual column (right) */
.vedit td {
text-align: left;
padding: 15px 10px 10px 10px;

background-color: white;
border: solid 1px #8CACBB;
}
/* vedit - header column (left) */
.vedit th {
padding: 10px 15px 10px 10px;
text-align: right;
font-weight: bold;

background-color: #DEE7EC;
border: solid 1px #8CACBB;
}
/* vedit - heading row */
.vedit .headrow { font-weight: bold; text-align: center; }


/* hedit - horizontal table (payments list) */
.hedit {
border: solid 1px #8CACBB;
}
/* hedit - usual column */
.hedit td {
padding: 5px;
background-color: #E0E0E0;
font-size: 8pt;
background-color: white;
border: solid 1px #8CACBB;
}
/* hedit - header column */
.hedit th {
padding: 5px;
font-weight: bold;
text-align: center;

background-color: #DEE7EC;
border: solid 1px #8CACBB;
}

table.errmsg
{
font-family: Helvetica, Verdana, sans-serif;
font-size: 90%;
background-color: red;
border: #cc0000 1px solid;
margin: 5px 0px 5px 0px;
}
table.errmsg td
{
padding: 5px 50px 5px 5px;
font-weight: bold;
}
table.errmsg td li
{
list-style: square;
}

/* Receipt table from thanks.html */
.receipt td {
background-color: #F0F0F0;
border: solid 1px black;
padding: 2px 4px 2px 4px;
}
.receipt th {
background-color: #C0C0C0;
border: solid 1px black;
font-weight: bold;
padding: 2px 4px 2px 4px;
}
.receipt td.total {
background-color: #C0C0C0;
border: solid 1px black;
}
.receipt {
border-collapse: collapse;
}

/* Newsletters table on member.php */
.newsletters td {
padding: 5px;
margin: 5px;
}
.newsletters td.disabled {
padding: 5px;
margin: 5px;
color: #505050;
}

Im a bit confused with the CSS files as will the instructions regarding the header.html says to copy the three references to the style sheets which are:
amember.css
reset.css (not even sure what this one is for?)
site.css (which i thought was a copy of the amember.css file)

Can someone explain this to me?
thanks

HI Alex,

Here is the link to the instructions.

http://manual.amember.com/How_to_Create_Custom_Headers_and_Footers

This is the confusing part. I'm assuming you mean to only select one of the CSS references. You would not require a reference to amember.css and site.css would you? Especially if you are creating site.css using amember.css as your base.

Edit your file and add somewhere between <head> and </head> :

<link rel="stylesheet" type="text/css"
href="{$config.root_surl}/templates/css/reset.css" />
<link rel="stylesheet" type="text/css"
href="{$config.root_surl}/templates/css/amember.css" />
<link rel="stylesheet" type="text/css"
href="{$config.root_surl}/templates/css/site.css" />