How can I change the theme background color on main pages?

Carens
Excursionist
25 0 4

Hi there!

I've been struggling with my theme background color. I'm able to manage the color for the homepage, product and contact us page but I cannot change it for the main pages like about us, terms of service, privacy and policy pages... can somebody here please help me with that? Here is the store link so that you can drop a look www.dailyzenfinds.com.

Replies 7 (7)

stefansweb2020
Shopify Partner
134 10 5

Did you try going to your online store -> customize and go to settings and find colors tab, and change it there?

Stefan Momcilovic
Founder of StefansWeb
https://stefansweb.com
Carens
Excursionist
25 0 4

Hi @stefansweb2020 I tried but It didn't work.

websensepro
Shopify Partner
1014 139 147

Hi, @Carens.

Follow These steps,

Go to the online store theme and go to base.css file paste the code mentiond below.

{% if template == "index" %}

body {
  background: beige;
}

{% endif %}


.section-template--16950524903669__product-grid-padding.gradient.color-accent-2 {
    background: beige;
}

.collection-hero__inner.page-width.scroll-trigger.animate--fade-in {
    background: beige;
}

.section-template--16950525001973__3f5bda2e-4bd9-4dc8-a76f-5a6e24b9d506-padding.gradient.color-accent-2 {
    background: beige;
}

section#shopify-section-template--16950525001973__form .color-accent-2.gradient {
    background: beige;
}

If I managed to help you then, don't forget to Like it and Mark it as Solution!

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
Carens
Excursionist
25 0 4

Hi @websensepro! Thanks for your reply. With this code will I be able to turn it white? And can I paste the code at some specific line or i can paste it anywhere in the base.css file? 

websensepro
Shopify Partner
1014 139 147

Yes, You paste the code base.css file at the very bottom.

Need a Shopify developer?
Hire us at WebSensePro
For Shopify Design Changes | Shopify Custom Coding | Custom Modifications
Subscribe to our youtube channel or buy us a Cofee here
Carens
Excursionist
25 0 4

I just did it and the product and contact us pages turn beige...it became worse...so I remove it.

It doesn't work .

 

Carens
Excursionist
25 0 4

@websensepro please give me codes that will work on the About Us page, terms of Service page, Track your Package page, refund policy page, and shipping policy page.