Customize background colour for pages & text

Technical Q&A
1

Hello,

I am using the theme Showcase. I know that in the Theme Settings I can choose a colour for all text & pages.

However I would like a different colour text and background for each page.

Is that possible to do? And can someone share the code?

Thank you,

Georgia

2

Hi @kindredpeople ,

You can add custom code for it. Go to Assets > styles.css and paste this at the bottom of the file:

body.page-handle_page {
	background-color: #fca270!important;
    color: #fff !important;
}
body.page-handle_page #page-content * {
    color: #fff !important;
}

You need to change the handle_page according to the page you want to customize the color.

For example for Workshops page you need to add the following code:

body.page-workshops {
	background-color: #fca270!important;
    color: #fff !important;
}
body.page-workshops #page-content * {
    color: #fff !important;
}

Hope it is clear to you.

3

Hi LitExtension :slightly_smiling_face: thanks so much for your support. I am almost there…

With the code I can customize the text colour and the wider background but not directly behind the text. You will see when you go to the workshops page.

I added the code like this:

body.page-workshops {
background-color: #CAD5FF!important;
color: #CAD5FF !important;
}
body.page-workshops #page-content * {
color: #FF9D66 !important;
}

4

Hi @kindredpeople ,

Please add code:

body.page-workshops #page-content .content {
  background-color: #CAD5FF!important;
}

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

5

Success!!! Thank you so much!! That is awesome!! Appreciate your help alot!

6

If using the theme blockshop can this same customization be done and if so where?
Thanks in advance!

7

Hi @hmalex ,

You can create a question on the community and send me the link. I will check it.
Because this will help build a better community.
Thank you.