Hi! How can I change the color of the background of the page https://www.10xfuel.com/pages/about from white to #eeff41? Thx!
Topic summary
A user seeks to change the background color of their About page from white to #ee4f14 on a Dawn theme Shopify store.
Solutions Provided:
Two community members offered similar CSS-based approaches:
- Method: Add custom CSS code to the
theme.liquidfile, placed above the</body>tag - Targeting: Use conditional logic to apply styling specifically when
page.handle == "about" - CSS Property: Modify the background color of the main content area
Both responses include code snippets (though partially garbled in the original text) that follow the same pattern: checking if the current page is the About page, then applying the desired background color through inline styles.
Implementation Steps:
- Navigate to Online Store → Themes → Edit Code
- Locate the
theme.liquidfile - Insert the provided code snippet before the closing
</body>tag - Save changes
The discussion remains open with no confirmation from the original poster about whether either solution resolved the issue.
Hey @10xfuel
Follow these Steps:
-
Go to Online Store
-
Edit Code
-
Find theme.liquid file
-
Add the following code in the bottom of the file above tag
{% if page.handle == "about" %}
{% endif %}
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
1 Like
Hi @10xfuel ,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the bottom of the file → Save
Hope my solution works perfectly for you!
Best regards,
Oliver | PageFly
{% if page.handle == “about” %}
<phong cách>
main#MainContent {
nền: #eeff41 !quan trọng;
}
{% endif %}
1 Like