Changing single page background color in Narrative

barefoothippie
New Member
1 0 0

Does anyone know how to change the background color of a single page in Narrative? I've tried reading some threads on here, but so far none of them have worked. I don't want to make the background an image - just a different color than the background on the main page. 

0 Likes
Nick_Marketing
Shopify Partner
259 47 66


To change the background for a single page, you have to create custom edits in .css files.

But if you want to change the background color sitewide, here's a step-by-step process.
Go to Theme ----> Customize ---> at the bottom-left corner look for "Theme  Settings"
Find the "Color" section and Edit background colors.

- I help businesses with eCommerce and Marketing Technology integrations.
- For consulting work inquiries, please send me a Private Message.
- Presently working in Toronto, CANADA.
0 Likes
LitExtension
Shopify Partner
1221 155 216

Please follow the steps:
- Step 1: Go to Online store > Themes > Actions > Edit code.
- Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:
body:not(.template-index),
body:not(.template-index) .content-for-layout{
background-color: color code !important;
}
Ex:
body:not(.template-index),
body:not(.template-index) .content-for-layout{
background-color: #faf9f6 !important;
}

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
0 Likes
Natztech
Shopify Partner
1380 387 937

hello @barefoothippie 

can you please share which page do you want change background color and  please share  website url and if your store is password protected then also provide password So I will check and provide a solution here

Want to theme customize contact us E-mail : natztech2312@gmail.com
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
0 Likes