Change Product Title Colour in collections without changing price colour

Store Design
, , ,
1

Hey I just need some help changing the colour of the product titles on my store I would like to change the title colours to #E3FC02.

When I try to change the text colour on the theme it changes all text including price how do I fix this?

Store Link: https://starlightgrillz.com/collections/all-grillz

2

Hi @Medzz Please add the code in your theme.css/base.css/style.css file which is available in your theme.

.product__title>h1 {
    color: #E3FC02;
}

If you are not sure where is your theme.css/base.css/index.css/style.css file please follow the steps:

  1. Login in shopify admin.
  2. Click on the Online Store.
  3. Then click on the button next to Customize in live Theme.
  4. Click Edit Code.
  5. Search theme.css/base.css/index.css/style.css in the code in left hand side which ever is available in your theme.
  6. You can add the above code at the bottom of the file.

Result:

sahilsharma9515_0-1712232425444.png
sahilsharma9515_0-1712232425444.png1816×525 80.6 KB

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil

1 Like
3

That worked for the main product page however the title has not changed on the collections page how do i change it there too?

pic.png
pic.png937×532 203 KB

4

hi,

If you add the following, the ‘title’ colors will change on both the product page and the collection page. Let me know if you can’t do it!

Terence…

.card__heading {
    color: #E3FC02!important;
}

.product__title > h1 {
    color: #E3FC02 !important;
}
1 Like