How can I change the color of the collection title background?

ljy7031
Tourist
12 0 2

Hi. 

 

I want to change few colors on my store. 

 

1. collection title background and title color. 

ljy7031_0-1712317367847.png

 

2. Collection title color on collection grid. 

After I chagne the background color of collection page as a black, the product title and price are not visible.. 

 

Can anyone advise me? I am using Dawn Theme.

 

Replies 3 (3)

LuffyOnePiece
Shopify Partner
512 78 94

Hi @ljy7031 ,

 

Can you please send me a preview URL of the store so that I can help you out?

 

Thank you

Sandeep Pangeni
Need help with your store? sandeeppangeni17@gmail.com
For quick response, Contact In WhatsApp +9779867521184

BSS-Commerce
Shopify Expert
3477 461 518

Hi @ljy7031 ,
You can refer to and use the following CSS codes:
Go to Online store -> your live theme -> Edit code

view - 2024-04-11T101449.233.png

add the following CSS code at the end of base.css file:

/* Collection Title Background color */
.pp-category-title-wrapper {
  background-color: /* css color */;
}

/* Collection Title color */
.pp-category-title a {
  background-color: /* css color */;
}

/* product price */
.pp-product-price {
  color: /* css color */;
}

/* product title */
.pp-product-title-wrapper a {
  color: /* css color */;
}

/* product description */
.pp-product-short-description {
  color: /* css color */;
}

view - 2024-04-11T101543.562.png 

Please replace the /* css color */ codes with the color code you want, you can search for them in the following link (ex: black is #000000): https://www.w3schools.com/cssref/css_colors.php

Hope it helps @ljy7031 

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.

For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS

BSS Commerce - Shopify Apps & Store Development Service Provider

Hire a Shopify expert | Shopify Plus Store Development