Re: i need help for color background

Solved

How do I change my website's white background to match the theme color?

BoxBoxID
New Member
5 0 0

Hallo,
i need help for color background.
the background is white, how to change color the background with same color theme

thanks

 

Screenshot 2024-03-06 071936.png

Accepted Solution (1)
BrainStation23
Shopify Partner
383 57 55

This is an accepted solution.

@BoxBoxID 

the theme.liquid file you need to add code like this if you use a background 3A3C41 

<style>
.shopify-policy__container, body {
  background: #3A3C41 !important;
}
</style>

Result:

BrainStation23_0-1709708503125.png

 

Brain Station 23 PLC (Mail: js.team@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps

View solution in original post

Replies 9 (9)

PageFly-Richard
Shopify Partner
4439 1017 1670

Hi @BoxBoxID 

 

This is Richard from PageFly - Shopify Page Builder App

 

Please add this code to your theme.liquid above the </head> to get this solved

Step 1: Online Stores > Themes > More Actions > Edit code

Step 2: click on theme.liquid and paste the code above the </head>

<style>
.shopify-policy__container,body{
background: rgb(var(--color-background)) !important;
}
</style>

 

Hope this can help you solve the issue 

 

Best regards,

Richard | PageFly

Please let me know if it works by giving it a Like or marking it as a solution!


PageFly - #1 Page Builder for Shopify merchants.


All features are available from Free plan. Live Chat Support is available 24/7.

BoxBoxID
New Member
5 0 0

is there something wrong ? not working

 Screenshot 2024-03-06 134420.pngScreenshot 2024-03-06 134518.png

BrainStation23
Shopify Partner
383 57 55

Hi @BoxBoxID 

Which theme are you using, Can you share your store URL so that we can look at it.
For now, you can try these steps to achieve your result 
Go to online stores -> Themes  -> Edit code->theme. liquid file
Then paste the below  code above  </head>  tag

<style>
.shopify-policy__container,
 body{
   background: rgb(var(--color-background))!important;
 }
</style>


like and reply if you have any query .

Brain Station 23 PLC (Mail: js.team@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps
BoxBoxID
New Member
5 0 0

is there something wrong ? not working
Screenshot 2024-03-06 134518.pngScreenshot 2024-03-06 134420.png

BrainStation23
Shopify Partner
383 57 55

@BoxBoxID  Can you share your store URL, please

Brain Station 23 PLC (Mail: js.team@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps
BrainStation23
Shopify Partner
383 57 55

This is an accepted solution.

@BoxBoxID 

the theme.liquid file you need to add code like this if you use a background 3A3C41 

<style>
.shopify-policy__container, body {
  background: #3A3C41 !important;
}
</style>

Result:

BrainStation23_0-1709708503125.png

 

Brain Station 23 PLC (Mail: js.team@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps
BoxBoxID
New Member
5 0 0

thank you so much sir, it's working

BrainStation23
Shopify Partner
383 57 55

@BoxBoxID 
You're Welcome.
If you have any query, feel free to reply and like so that we can reach you further 

Brain Station 23 PLC (Mail: js.team@brainstation-23.com)
- Was your question answered? Mark it as an Accepted Solution
- Did the solution not address your concern? We kindly request that share or mail your store URL with us this will enable us to collaborate more closely.
- Explore our Shopify public apps