We're moving the community! Starting July 7, the current community will be read-only for approx. 2 weeks. You can browse content, but posting will be temporarily unavailable. Learn more

Background color

Solved

Background color

Pyimk
Explorer
50 2 3

Hello,guys

I am trying to change background color of pages included in Header and Footer.

My home page is white color so i want to change the background color of pages in Header and Footer to white too.

These pages include : About Us, FAQs, Shipping, etc..
Can someone give me assistance with step by step?
I would prefer using user interference since i do not know anything about coding.

Accepted Solution (1)
niraj_patel
Shopify Partner
2391 516 516

This is an accepted solution.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  main.content-for-layout.focus-none {
      background: #fff !important;
  }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

If I change the background color of the footer, I have to change the text color also.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com

View solution in original post

Replies 5 (5)

niraj_patel
Shopify Partner
2391 516 516

Hello @Pyimk 
would you like to share your store URL and password if any please.
so i can check and provide you possible solution for your question.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Pyimk
Explorer
50 2 3

Hello, Thanks for replying.
here is the page URL :  https://findla.co/

 

niraj_patel
Shopify Partner
2391 516 516

This is an accepted solution.

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
  main.content-for-layout.focus-none {
      background: #fff !important;
  }
</style>
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.

If I change the background color of the footer, I have to change the text color also.

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com
Pyimk
Explorer
50 2 3

 I have put and save it but It is not working🤧

Screenshot 2024-07-15 at 11.27.50 AM.png

niraj_patel
Shopify Partner
2391 516 516

It is working see, refresh your site

techlyser_web_0-1720977939232.png

 

Shopify Partner || Helping eCommerce Stores
- Was my reply helpful? Click Like to let me know!
- Was your question answered? Mark it as an Accepted Solution.
- For further discussion contact: Email ID- info@techlyser.com