I’d like to be able to change the background/container width of the text and also the colour scheme on my website pages (not the product page, pages like “About us” etc) so that it matches the colour scheme and container size of the Image with Text sections.
Here is what it looks like now for example. I’d like the first white band bit (which is the page main text and it comes by default with the Dawn theme ) to match the colour scheme and width of the Raw Ingredients section (which is just an Image with Text I added to the page).
I hope that makes sense?
1 Like
Hello @schikinoils , Go to edit code → open theme.liquid file → in the {% style %} {% endstyle %} tags add CSS code above the {% endstyle %}.
add the CSS code below.
For condition you can add any page name in that and add CSS according to that conditions page
{% page.title contains "sustainability" %}
Feel free to reach out if you have any questions or need assistance.
Best Regards,
DWS.
1 Like
Hello @schikinoils
You can add code by following these steps
-
Go to Online Store → Theme → Edit code.
-
Open your theme.liquid file
-
Paste the below code before on theme.liquid
main#MainContent {
background: #faf6f6 !important;
}
div.image-with-text__content {
background: #faf6f6 !important;
}
Was my reply helpful? Click Like to let me know!
Was your question answered? Mark it as an Accepted Solution.
1 Like
- Here is the solution for you @schikinoils
- Please follow these steps:
- Then find the base.css or theme.css file.
- Then add the following code at the end of the file and press ‘Save’ to save it.
section#shopify-section-template--23085517504855__main, .image-with-text__content{
background: #faf6f6 !important;
}
- Here is the result you will achieve:
- Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.
1 Like
Hi, thank you so much for your reply but it’s not the Raw Ingredients bit that I’d like to change. That’s an “Image with text” I added and I can easily change the colour scheme on the page template.
My problem is with the top of the page (We don’t want to greenwash etc)
which is the text I had to write when creating the actual page
By theme default when I write in the Page text (when creating the page) come up black on white full length background whereas I’d like to use the same colour scheme and width of the Raw ingredients part (or any other Image with Text I add to this page or the About Us page etc) … I don’t know if there is a way around it? Thank you!
Thanks for your reply but please see my reply to Niraj Patel above, as that’s not what I wanted to change. Many thanks!
Thank you so much for your reply. However I’m not sure about what CSS to add sorry!
Never mind I managed to fix it, thank you!
so sorry I tried again and it actually works thank you
Never mind I managed to fix it thanks!
