Posting in the Magento forums has been disabled pending the implementation of a new and improved forum solution which should better serve the community.

For new questions please post at magento.stackexchange.com, the community-run support site for the Magento community. We will be providing updates on the new forum solution soon. For questions or concerns please email community@magento.com.

Magento Forum

listing-type-grid font color
 
AnnaM
Guru
 
Avatar
Total Posts:  325
Joined:  2008-01-29
San Francisco
 

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

 
Magento Community Magento Community
Magento Community
Magento Community
 
hez
Sr. Member
 
Avatar
Total Posts:  103
Joined:  2008-02-02
 

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

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

Heather

 
Magento Community Magento Community
Magento Community
Magento Community
 
AnnaM
Guru
 
Avatar
Total Posts:  325
Joined:  2008-01-29
San Francisco
 

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?

 
Magento Community Magento Community
Magento Community
Magento Community
 
hez
Sr. Member
 
Avatar
Total Posts:  103
Joined:  2008-02-02
 

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

 
Magento Community Magento Community
Magento Community
Magento Community
 
AnnaM
Guru
 
Avatar
Total Posts:  325
Joined:  2008-01-29
San Francisco
 
hez - 09 February 2008 01: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.

 
Magento Community Magento Community
Magento Community
Magento Community
 
hez
Sr. Member
 
Avatar
Total Posts:  103
Joined:  2008-02-02
 

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

 
Magento Community Magento Community
Magento Community
Magento Community
 
roco
Sr. Member
 
Total Posts:  191
Joined:  2008-03-18
 

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:

/* Grid Type */
.listing-type-grid td { width:33%; text-align:left}
.listing-type-grid .product-image { text-align:centerbackground-color:#FFFFFF; }
.listing-type-grid img { background-color:#FFFFFF; color: #ffffff;}
.listing-type-grid .add-to-compare {
    display
:block;
    
margin:5px 0;
    
background:url(../images/icon_add_to_compare.gifno-repeat 0 50%;
    
padding-left:22px;
    
color:#6e6969;
    
font-weight:bold;
    
}
.listing-type-grid .rating-box { float:leftmargin-left:0margin-right:5px}
.listing-type-grid .actions { margin:10px 0;text-align:center}

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

 
Magento Community Magento Community
Magento Community
Magento Community
Magento Community
Magento Community
Back to top