Changing Background Colour - Shopify Forms

[OBS2024]

Hi, 

I'd like to change my Shopify Forms background color to white, but I can only change the colour of the text, button labels, etc. There's no option to change the background colour, and the background appears to be transparent so it is using the background colour from the colour scheme in the header (which is red). I'll attach an image to highlight the issue.

Any help would be greatly appreciated!

[Made4uo-Ribe]

Hi @OBS2024 

Please, share your store URL. Thanks!

[OBS2024]

My Store (dbiqf0-xu.myshopify.com) 

[Made4uo-Ribe · Accepted solution]

Thanks for the info, try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. 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:

.page-width.scroll-trigger.animate--slide-in {}

section#shopify-section-template--23621036343619__1729593148f367f619 {
    background: #fff;
}

div#shopify-block-forms_inline_aXrtRP {
    padding-bottom: 30px;
}

• And Save.
• Result;
• 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[OBS2024]

Worked perfect! Thanks a lot!

[OBS2024]

Hi! Any updates?

[Kyle_liu]

Hi @OBS2024 

Please provide your store password.

[OBS2024]

Hi!

Its 12345.

Thanks.

[Kyle_liu]

Hi @OBS2024 

What was your form generated from？

You can modify the form style and add ‘background-color: #fff’; you need to modify the color of the text。

[Kyle_liu]

Or edit theme code and add this code

.section {
  background: #fff;
}