A user customizing the Craft theme reports that color scheme changes don’t apply to static pages (privacy policy, cancellation policy, About Me). These pages retain the default Craft color scheme despite customization efforts.
Proposed Solutions:
Basic approach: Add custom CSS targeting .template-page with desired background color via Theme settings > Custom CSS
Advanced method:
Use browser inspect tools to identify specific page classes (e.g., .page-template, .privacy-policy)
Create CSS targeting these classes with custom color variables
Apply styles to specific elements (headings, links, buttons)
Add code through theme customizer’s Custom CSS section
Key Considerations:
If CSS doesn’t take effect, inspect the page to verify correct class names
Custom CSS location varies by platform (typically under Theme settings > Advanced or Appearance > Customize)
May require editing separate template files if CSS approach fails
The discussion remains open, awaiting feedback on whether suggested solutions resolve the issue.
Summarized with AI on October 30.
AI used: claude-sonnet-4-5-20250929.
working on my shop to go online soon. I’m using the “Craft” theme and have customized the color scheme to my liking. Unfortunately, the theme does not apply the color scheme changes to static pages like the privacy policy, cancellation policy, and even pages like “About Me,” etc. These pages still show the standard color scheme of “Craft.”
I’ve already looked for help via AI, but manual CSS changes don’t seem to take effect (or maybe I did something wrong). Who can help? (I’m a beginner in coding but can follow step-by-step instructions well.) Thank you so much.
To change the background color of static pages like the Privacy Policy in the Craft theme, add custom CSS. In Shopify, go to Online Store > Themes > Customize > Theme settings > Custom CSS, or in WordPress, navigate to Appearance > Customize > Additional CSS. Then, insert the following code:
css
.template-page { background-color: #f4f4f4; }
Replace #f4f4f4 with your preferred color. If this doesn’t work, inspect the page using developer tools to find the correct class. Need further customization? Q&A Creative can help with theme modifications!
As a beginner coder, you’ll likely need a targeted CSS approach that specifically addresses these static pages. Here’s a step-by-step solution:
First, we need to identify the class or ID that’s specific to these static pages. Using your browser’s inspect tool:
Right-click on any static page and select “Inspect” or “Inspect Element”
Look for a unique class or ID in the body tag (often something like .page-template, .privacy-policy, or .static-page)
Create a custom CSS snippet that targets these static pages. Try something like:
.page-template, .privacy-policy, .static-page {
/* Copy your color scheme values here */
--primary-color: #YOUR_PRIMARY_COLOR;
--secondary-color: #YOUR_SECONDARY_COLOR;
--text-color: #YOUR_TEXT_COLOR;
/* Add any other color variables your theme uses */
}
/* You might need to target specific elements more directly */
.page-template h1, .privacy-policy h1, .static-page h1 {
color: var(--primary-color);
}
/* Target links, buttons, backgrounds as needed */
.page-template a, .privacy-policy a, .static-page a {
color: var(--primary-color);
}
Add this custom CSS through your theme’s customizer or custom CSS section. Most e-commerce platforms have a section for adding custom CSS without editing theme files directly.
If you can’t find where to add custom CSS, look for:
Theme options → Advanced → Custom CSS
Appearance → Customize → Additional CSS
Settings → Theme → Custom code or CSS
If this doesn’t work, you might need to check if your theme has separate template files for static pages that need to be edited. Let me know how this goes or if you need more specific guidance based on your e-commerce platform!
