How to change what color scheme the background uses.

[James193]

I want to know how to change what color scheme the background and home page use instead of the default color scheme 1. I only want to change the home page though because I want to be able to use color scheme 1 for my product pages. 

Store URL: TsunamiTec.com

Password: youdontknow

[laddisahsi]

Hi @James193 

If you just need to change the colors on home page.

Then use following code

You can follow the following steps:

1. Please go to the Online Store
2. Then Edit Code
3. Please find the theme.liquid file
4. And add the following code in theme.liquid file above the </head> tag

{% if template == 'index' %}
<style>
YOUR CSS CODE HERE
</style>
{% endif %}

This code only work for the home page.

If this solution is worked, then please Like this and Mark this as accepted solution!

Laddi

[James193]

In the spot for "your css code here" what do I put. I assume thats where you put the name of the color scheme you want but what are the color schemes called in the css code?

[topnewyork]

@James193 

you can change color according to you.

{% if template == 'index' %}
<style>
background-color: red;
</style>
{% endif %}

If I managed to help you then, don't forget to Like it and Mark it as Solutions.

[James193]

I put this code in the spot you said and it is not doing anything?

 {% if template == 'index' %}
<style>
background-color: #3BD865;
</style>
{% endif %}

[topnewyork]

Hi @James193 

Follow these steps:

If you wnat to add scheme color then go to theme setting > color and add new scheme.

Now select the section which you want to change color scheme.

Now select the scheme color which you want to apply.

[James193]

The problem is there is no option to change what color scheme the home screen uses. 

[websensepro]

Hi, @laddisahsi.

Please Follow these steps,

Goto > online store > and goto theme setting > select the colors > Add new Scheme > And create color what you want like. > save now > And check home page scheme.

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Best Regards,
Websensepro

[James193]

There is no way to change what color scheme the home page uses. The default is color scheme 1 and it won't let me change it.