Change page background color

[AleksanderG]

Hello,
i am using and app for my contact form, so that customers will have the option to attach files to their requests. I have edited all the colors in the form design itself, but I am unable to change the background color of the "page" area that the form exists within on the site.

I have checked all the theme settings and usual places where you change colors and backgrounds, but to no avail. I have tried entering a custom CSS on the element itself, but it still stays white.

So, is there a solution to get the white areas in the attached image of my site to display as black?

Thanks in advance,

regards,

Alex

[PageFly-Richard · Accepted solution]

Hi @AleksanderG 

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>

{%if template contains 'contact'%}
<style>
section div:has(.contact) {
    background: black;
}
</style>
{%endif%}

Hope this can help you solve the issue 

Best regards,

Richard | PageFly

[AleksanderG]

Hello Richard,
thank you for the timely reply and solution. This worked.

Also, I found that adding the following code to the theme.liquid achieved the same results:

<style>
section.section.shopify-section {
background-color: black !important;
}
</style>

Again, thanks - and have a nice day!

Regards,
Alex

---

[Adamu5]

Do you have a code that can change the background color on all pages? I need a black background, but the white blocks appear in between the black shopify sections.