Change page background color

Store Design

Topic summary

A user needed to change the background color of a page containing a contact form app. Despite editing the form’s design settings and theme options, the page background remained white.

Solution provided:
A PageFly support representative suggested adding custom CSS code to the theme.liquid file above the </head> tag, targeting pages with ‘contact’ in the template.

Outcome:

  • The original solution worked successfully
  • The user also discovered an alternative CSS snippet that achieved the same result by targeting .section.shopify-section elements with background-color: black !important

Follow-up question:
Another user asked about applying black background color across all pages, noting white blocks appearing between Shopify sections. This remains unanswered.

Summarized with AI on November 5. AI used: claude-sonnet-4-5-20250929.
1

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

testcontact.png
testcontact.png3835×1903 378 KB

2

Hi @AleksanderG

This is Richard from PageFly - Shopify Page Builder App

Please add this code to your theme.liquid above the 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 

{%if template contains 'contact'%}

{%endif%}

Hope this can help you solve the issue

Best regards,

Richard | PageFly

3

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:

section.section.shopify-section { background-color: black !important; }

Again, thanks - and have a nice day!

Regards,
Alex

4

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.

1 Like