I want to change my ‘contact us’ page background to #B9B7B7, what is come code to do this?
Theme:Dawn
Website:desire-online.net
Topic summary
A user seeks to change their Contact Us page background color to #B9B7B7 on the Dawn theme.
Multiple solutions provided:
• Solution 1 (Moeed): Add CSS code in theme.liquid file, above the </body> tag, targeting the contact page with inline styles
• Solution 2 (ZestardTech): Insert conditional Liquid code in theme.liquid that applies CSS only when the page handle is ‘contact-us’
• Solution 3 (PageFly-Henry): Add CSS rule to base.css file targeting a specific section ID with background: #B9B7B7 !important;
All approaches involve accessing Online Store > Themes > Edit Code and modifying either theme.liquid or base.css files. The solutions use different targeting methods (inline styles, conditional Liquid tags, or CSS selectors) to achieve the same color change. The discussion remains open with no confirmed resolution from the original poster.
1 Like
Hey @jakegrieveson
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
RESULT:
If I managed to help you then, don’t forget to Like it and Mark it as Solution!
Best Regards,
Moeed
Hello There,
- In your Shopify Admin go to online store > themes > actions > edit code
- Find Layout > theme.liquid and paste this at the bottom of the file:
{% if page.handle == 'contact-us' %}
{% endif %}
This is Henry from PageFly - Landing Page Builder App
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file base.css
Step 3: Paste the below code at bottom of the file → Save
section#shopify-section-template–20844594954530__abbdd4e1-34c8-4973-a66c-794efa817bfb {
background: #B9B7B7 !important;
}
Hope that my solution works for you.
Best regards,
Henry | PageFly