Dawn theme - Add content container to contact form

Store Design
,

Topic summary

A user seeks to add a background container to their contact form on the Dawn theme, providing a reference image showing the desired styling.

Solution Provided:

  • Another participant offers CSS code to achieve this effect
  • Instructions involve editing the theme.liquid file in the code editor
  • The CSS targets the contact form section with specific styling for background color, padding, border radius, and box shadow
  • Code should be inserted above the closing tag

Technical Details:

  • Uses .contact class selector
  • Applies white background (#fff)
  • Includes 40px padding and 10px border radius
  • Adds subtle shadow effect for depth

Note: The conversation includes reversed/encoded text that appears intentional but doesn’t affect the core solution being shared.

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

I would like to insert a background container for the contact form as shown in image 1. Does anyone have an idea how to do this?

Picture_1.png
Picture_1.png1376×662 35.6 KB

picture_2.png
picture_2.png1150×448 9.44 KB

2

Hey @Roxolot
Kindly share your Store URL and Password if enabled

3

www.taskslider.de
PW: saigew

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.JPG
Capture.JPG1920×933 44.3 KB

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

Best Regards,
Moeed

2 Likes