Changing the text color in the shopping cart

rutt

I'd like to make the shopping cart bar be black on white instead of white on gray. This would look a lot nicer on a light background theme. I figured out how to change the background from gray to white:

.toolbox {background-color: #ffffff;}

But now it's white on white. So I tried:

.toolbox {color: #000000; background-color: #ffffff;}

But no dice; still white on white. What am I doing wrong?

{JT}

That is because the text is a link, and they have their own class; change it like this:

.nav {
color: #000000;
}

rutt wrote:

I'd like to make the shopping cart bar be black on white instead of white on gray. This would look a lot nicer on a light background theme. I figured out how to change the background from gray to white:

.toolbox {background-color: #ffffff;}

But now it's white on white. So I tried:

.toolbox {color: #000000; background-color: #ffffff;}

But no dice; still white on white. What am I doing wrong?

rutt

I tried that. I just tried again. It doesn't seem to work in either firefox of safari.

rutt

bump

winnjewett

Here is the code I use on my site. I believe it works in all browsers:

 a.nav {
 	color: #FFF;
 	text-decoration: none;
 	font-family: Verdana, sans-serif;
 	font-size: 11pt;
 }
 
 a.nav:hover {
 	text-decoration: underline;
 	color: #FFF;
 }

-Winn

rutt

winnjewett wrote:

Here is the code I use on my site. I believe it works in all browsers:

Ah, "a.". Thank you!

{JT}

Yeah, missing the a tag in the front.

Sorry, was too busy working on a new widget to check back

DavidTO

{JT} wrote:

Yeah, missing the a tag in the front.

Sorry, was too busy working on a new widget to check back

Not sure why I checked this thread, as I understand nothing of it...

...but the words "new widget" got me very excited.

winnjewett

DavidTO wrote:

Not sure why I checked this thread, as I understand nothing of it...

...but the words "new widget" got me very excited.

David, this is actually a very good place to start learning a small bit of html. If you place the code above into the style sheet section of your control panel, the style of the text that says "Add to Cart", etc... will change. The cool thing is that with just a small amount of tweaking, you can get it to look any way you want.

Try changing the font-size to 20pt. Whoa! all of a sudden it's WAY too big.

The color of the font is a little bit trickier to understand, but the beauty is that you don't have to. Try changing color: #FFF; to color: red; Now your text is red!

Try it out. Have fun.
-Winn