How To Change Individual Page Color Scheme for the Refresh Theme?

Store Design
,
1

Hey guys, I’ve just started building out my Shopify store but am having some troubles with the Contact Us page.

I’m wondering how to change the page color scheme?

For some reason, it’s displaying the default color scheme (light blue background, navy blue text), when I want it to display my own custom “Color Scheme 2” which I made all black and white.

The problem I’m having is actually finding where I can adjust this for pages specifically because the Color Scheme option doesn’t seem to pop up on the right side of the editor.

pt 1.png
pt 1.png1914×716 75.8 KB

pt 2.png
pt 2.png1011×459 28.8 KB

3 Likes
2

Hi @wrldwide

Would you mind to share your Store URL website? with password if its unpublish. Thanks!

3

Hey @Made4uo-Ribe ,

Website: https://wrldwidesupply.com/

Password: secret123456

Thanks!

1 Like
4

Thanka for the info, try this one.

  • From your Shopify admin dashboard, click on “Online Store” and then “Themes”.
  • Find the theme that you want to edit and click on “Actions” and then “Edit code”.
  • In the “Assets” folder, click on “base.css, style.css or theme.css” file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:
section#shopify-section-template--14684327673942__main {
    background: white;
}

Please don’t forget to Like and Mark Solution to the post that helped you. Thanks!

1 Like
5

I found this solution on another thread while I was looking for the same answer:

“Try editing the colors for Scheme 1 in the theme’s settings. I was able to change the default blue text to red and buttons to red by changing those settings. It’s a bummer that this theme doesn’t have a built in scheme selector for the “Product information” section, but this seems to be a good workaround.”

1 Like
6

Hey @Made4uo-Ribe , do you know how to make these changes for the same website but different section on the home page?:

  1. Remove the white box completely
  2. Change the gray button to the color white
  3. Change button text to the color black

View All.png
View All.png1232×238 37.4 KB

7

You’re a genius! I had the same problem and hadn’t thought of this logical solution.

8

Hello,

How does this work when you have different colors than white & black? I have the color codes for font & background, but it appears the color name needs to be used.

TIA

9

O, and does this change the scheme for every page? For example, I will have an about us page, etc. Like the OP mentioned the color scheme is white background & blue font, but I want it to match one of the schemes I created. The option to select the theme for that particular page isn’t available.

Also, is there any connection to this and the default theme template when creating pages? Do I need to create a new page template to use the scheme I want? If so, I have no idea how to do that. :upside_down_face::melting_face: