colors won't change

[jford]

okay-this is a little bit complicated so I hope that I can explain it so you can understand! I customized a store so that it was all white with grey text and pink side boxes. Once my designer loaded the store banner, for some reason some of the text turned a maroonish red color. So I went back to the stylesheet, and the stylesheet is still the same as I first set up.

I re-uploaded the default stylesheet and made all the changes I needed to then loaded it again and it still has that red color.


Does anyone have a suggestion as to how I can fix this? Or does it even makes sense as to what is wrong with it?

THANKS!

[clydejones]

Do you have a URL we can peek at?

[jford]

the url is www.originstore1.com/catalog

it is the temporary domain until their site is pointed to our servers then we are moving the store over to their purchased domain.

[clydejones]

You can set an overall text color in you stylesheet:

BODY {
	background-color: #EEEEEE
        color: #000000;
	margin: 0px;
	margin-bottom: 10px;
	padding: 0px;
   font: 11px Verdana, Arial, sans-serif;
color: #000;
}

just add the portion in red.

[clydejones]

Here's the portion that holds the color for the greeting text.

.greetUser {
   color: #F3BBCF; /* make your change here */
   font-weight: bold;
   font-size: 12px;
   padding-top: 5px;
   padding-bottom: 5px;
}

[jford]

i added that code that you marked in red and it didn't help.....the product listings are still in red

[clydejones]

You apparently have two stylesheets both called stylesheet.css.

one of them contains the following:

body { margin-top: 0px; margin-left: 0px; }
	H1{ font-family: Arial, Helvetica; color: #9A3334; font-size : 18pt; }
	H2{ font-family: Arial, Helvetica; color: #9A3334; font-size : 16pt; }
	H3{ font-family: Arial, Helvetica; color: #9A3334; font-size : 14pt; }
	H4{ font-family: Arial, Helvetica; color: #9A3334; font-size : 12pt; }
	p { font-family: Arial, Helvetica; color: #9A3334; font-size : 10pt; }
	table { font-family: Arial, Helvetica; color: #9A3334; font-size : 10pt; }
	li { font-family: Arial, Helvetica; color: #9A3334; font-size : 10pt; }

    a:link { color : #000000; }
    a:visited { color : #000000; }
    a:hover { color : #606060 }
    a:active { color : #606060}

    img { border-color : #000000; }

The colors in this stylesheet are conflicting with the colors in the other stylesheet.

My suggestion: combine the stylesheets or delete one of them.

[jford]

thanks--somehow a stylesheet from a previous store we did got loaded into the /catalog folder. i just deleted that one and everything looks beautiful now!