Magento

I have torn my hair out trying to figure out how to change the font color in listing-type-grid Due to my background image, the default black font, which is inherieted from god knows where is invisibile now, and I may not want to change it inthe place its inherited from.

There must be a way to do it here, but I don’t know how. I only know a little about css, so don’t know what i am missing. I have tried numerous things.

on this page http://www.epicurecookware.com/catalog/category/view/mode/grid/id/5/ beneathe the saucepan ifyou drag you will see there is black text there, I want to change it to white. This is the class, block in boxes.css and I just don’t know what miracle it takes to make the font white.

approx Line 879
/* Grid Type */
.listing-type-grid td { width:33%; text-align:left;}
.listing-type-grid .product-image { text-align:center; }
.listing-type-grid .add-to-compare {
display:block;
margin:5px 0;
background:url(../images/icon_add_to_compare.gif) no-repeat 0 50%;
padding-left:22px;
color:#6e6969;
font-weight:bold;
}
.listing-type-grid .rating-box { float:left; margin-left:0; margin-right:5px; }
.listing-type-grid .actions { margin:10px 0;text-align:center; }
====
I have changed
.listing-type-grid td { width:33%; text-align:left;}
to
.listing-type-grid td { width:33%; text-align:left; color:#ffffff;}

and changed
.listing-type-grid .product-image { text-align:center; }
to
.listing-type-grid .product-image { text-align:center; color:#ffffff;}
though that does say product image it also says text for some reason, so gave it a shot

anyway whatever I do, nothing changes the font to white. Can anybody help me out? I appreciate it.
Anna

Hi Anna - I’m pretty sure that’s the default body color.

body {reset.css (line 28)
color:#0033CC;

Heather

Hi Heather, yes you are correct, and thats where the problem is.  I need default body color to stay as it, and change the color in the grid type listing. Sure doesn’t seem like that would be hard, but being a css novice, Ihave made all my logical guesses.  Do you or anybody know how to make that block of code I show in original post have a different color, thus overriding the default body color?

I think you need to add this....

.listing-type-grid h5 {color: #ffffff;}

assuming you want to change it to white.

If that doesn’t work then it might be
.listing-type-grid h5 a {color: #ffffff;}

Heather

hez - 09 February 2008 02:03 PM

I think you need to add this....

.listing-type-grid h5 {color: #ffffff;}

assuming you want to change it to white.

If that doesn’t work then it might be
.listing-type-grid h5 a {color: #ffffff;} THIS ONE

Heather

Hooray!! you came thru again. it was the 2nd one thath did it.  Thank you very much for helping.  Some of this is starting to make sense the more I expereiment, take notes etc as to waht effects what.  Thats great, thanks.

No worries Anna.  My CSS skills are passable - but I sometimes have to give a couple of things a try to get it.

hez
http://www.blasphemysbakery.com

Transparent Gif Background color is Black in Grid mode???

My issue is that when I upload transparent gif’s the background is black in grid mode and I need it to be white.  Any Idea?  Like you I am missing some hair over this one.

I made the changes to boxes.css but it is still not changing the trans gif in the grid to a white background????  Any Ideas?  Here is my boxes.css code:

I am also no CSS expert (thus the shotgun approach)