Can I customize text and background colors on each Blockshop theme page?

Technical Q&A
1

If using the theme Blockshop is there a way to choose a different colour text and background for each page?

I know that in the Theme Settings I can choose a colour for all text & pages but hoping there’s a way to customize this.

Thanks in advance

2

@hmalex ,

Share the store URL.. & screenshot where you want to change the color ?

3

Hi @hmalex ,

Do you want to customize for each different page, or for each different collection?

For example, the background of the collection page is different from the background of the product page? or background collection A is different from background collection B.

Please clarify this, I will help you check it.

4

The background of a certain collection page to be a different colour than another collection. Products can all look the same throughout but I want to add colour to some collection pages to differentiate

5

Hi @hmalex ,

Please send me the site link and the code of the theme.liquid file. I will check it.

6

we want to change the background of this collection to pink https://www.hilarymacmillan.com/collections/b

where in the liquid code would you need to see to make the adjustment?

Thank you

7

Hi @hmalex ,

Please go to Actions > Edit code > theme–critical.css file and paste this at the bottom of the file:

.page--b.template--collection {
    background-color: pink !important;
}

Hope it helps!

8

That is perfect thank you so much!

1 Like
9

Hi @hmalex ,

If it helped you solve your issue, please mark it as a solution. Thank you and good luck.