How do I get my page template to match my website theme colors?

Topic summary

A user is experiencing a styling issue where their contact page template displays a white rectangular background that doesn’t match their website’s beige theme color. This white strip persists even when the page title is hidden.

Visual Issue:

  • The page header/title area shows white instead of the site’s beige background
  • Screenshots demonstrate the mismatch between the template and overall theme

Proposed Solution:
Another user suggests adding custom CSS to the Page section:

{
background: red;
}

With instructions to replace “red” with the specific beige color code.

Status: The discussion remains open with one potential solution offered but not yet confirmed as resolved.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.

Hi! So for the theme I’m using for all of my pages, the background is a beige color. I’ve created templates for all of my pages, such as this contact page, but I can’t figure out how to make the rectangle where “Contact” is located have the same beige background and follow the theme.

Even if I hide the page, there’s still a white strip:

Thanks for your help!

1 Like

Try this CSS in the Custom CSS section of “Page”

{
background: red;
}

Obviously replace red with your shade of beige.