Dawn Theme- change background colour of contact site

Store Design
,

Topic summary

Issue: Change the Dawn theme contact page background to light grey while keeping the contact form itself white.

Context:

  • Initial attempt placing a generic CSS rule “{ background: #efefef; }” in the contact form’s custom CSS did not work.
  • Members requested the store URL and password to diagnose.

Proposed solutions:

  • Add a targeted CSS rule in the main stylesheet (Assets > base.css) to set the contact page background to #efefef only on that page.
  • For a two-tone result (page light grey, form white), remove the earlier CSS and paste a new snippet directly in theme.liquid above the tag. (Note: the exact code content is not visible in the thread.)

Technical notes:

  • theme.liquid is the main layout file; base.css is the global stylesheet in Shopify’s Dawn theme.
  • Selectors must target the contact page wrapper versus the form container to avoid recoloring the form.

Status:

  • No confirmation from the original poster that the latest approach resolved the issue.
  • Key items (code snippets and screenshots) are central; some code content is missing in the thread, so final verification is pending.
Summarized with AI on January 25. AI used: gpt-5.
1

I would like to change the background color of the contact site. Unfortunatly, it doesn’t work to copy following code in the custom CSS section of the contact form:

{
  background: #efefef;
}

Is there a other way to change only the colour of the background of the contact site.

Screenshot 2023-06-06 213758.png
Screenshot 2023-06-06 213758.png1412×687 13.7 KB

The Background should be light grey.

1 Like
2

Please share the URL of store then we will able to help you

3

Hi @Roxolot ,

Would you mind to share your URL website with password?

Thanks!

4

Hey @Roxolot

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

Capture.PNG
Capture.PNG1809×534 11.6 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like
5

www.taskslider.de

PW: saigew

6

I would like to change the site color. The contact form should be in the color like in the piture. Just the color behind the content container should be changed.

7

@Roxolot , do this tofix it in 20 seconds:

  1. In your Shopify Admin go to: online store > themes > actions > edit code
  2. Find Asset > base**.css** and paste this at the bottom of the file:
.contact[class*='page']{
    background: #efefef !important;
}

If it helps you please click on the “like” button and mark this answer as a solution!

Thank you.

Kind regards,
Diego

8

@diego_ezfy do you know how i can change the color behind the contact form. The color of the contact form should be white. The color of the entire page should be light grey

9

@Roxolot Delete the previous code and do this instead:

  1. In your Shopify Admin go to online store > themes > actions > edit code

  2. In your theme.liquid file, find the **(press CTRL + F or command + F on Mac)

  3. paste this code right above the tag:

Kind regards,
Diego

1 Like