Set Product Name Background

[roz]

hi!

i want to change the background color of the product name (see image below)

 

only the product name part. i can't find it anywhere in my css files where to change it. 

anyone knows where to change it? 

thanks!

[dioniz]

Hey roz it's in product_list.css

ul.product_list.grid > li .product-container h5 {
    min-height: 53px;
    padding: 0 15px 7px;
}

Just add background to it, or if you want it just on link make new class like this:

ul.product_list.grid > li .product-container h5 a {
    background:#f6f6f6;
}

Change to desired color 

[roz]

 

Hey roz it's in product_list.css

ul.product_list.grid > li .product-container h5 {
    min-height: 53px;
    padding: 0 15px 7px;
}

Just add background to it, or if you want it just on link make new class like this:

ul.product_list.grid > li .product-container h5 a {
    background:#f6f6f6;
}

Change to desired color 

 

 

got it! thanks!

but noticed something though, when i change to List view, the price also got this background color. is there a way to avoid this? 

[dioniz]

ul.product_list.list > li h5 {

    padding-bottom: 8px;
}

add background:none;

[roz]

 

ul.product_list.list > li h5 {

    padding-bottom: 8px;
}

add background:none;

 

 

oh found the culprit. i accidentally inserted a background color in content_price maybe while i was trying to find where to put it earlier  

it's now fixed. thanks dioniz!   

[dioniz]

You are welcome

[roz]

got a follow up question

 

how about if i want to change the text to white? only for the grid list. 

thank you

[roz]

You are welcome

 

 

got a follow up question 

 

how about if i want to change the text to white? only for the grid list. 

thank you 

[dioniz]

Add new class like this

ul.product_list.grid .product-name {
    color: #fff;
}

Edited April 16, 2014 by dioniz (see edit history)

[roz]

got it! thanks again dioniz!