Jump to content

Set Product Name Background


roz
 Share

Recommended Posts

hi!

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

2ART5.jpg

 

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! :)

Share this post


Link to post
Share on other sites

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 

  • Like 1

Share this post


Link to post
Share on other sites

 

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! :D

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

8zcpj.jpg

Share this post


Link to post
Share on other sites

 

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! :lol:  

Share this post


Link to post
Share on other sites

 Share

×
×
  • Create New...

Important Information

Cookies ensure the smooth running of our services. Using these, you accept the use of cookies. Learn More