How to change the Pipeline theme background color?

Store Design
1

Hi,

I want to change Pipeline theme background color from white to my selected color. how should I change the code?

2

Hey there @dospeus ,

Yes, you can do this. Add the following code to your theme.scss.liquid file.

body {
background-color: #D3D3D3 !important;
}

Change the value “#D3D3D3” to any value like “red” or “#C3C3C3”.

3

Thanks,

I see that background changed but if I want the same color also for a footer and header need to add extra codes or there is same code for all of this.

4

Hey again @dospeus ,

You are welcome. Also, add the following code to change header and footer background-color

#shopify-section-header .site-header, .site-footer-wrapper {
background-color: #D3D3D3 !important;
}

If that solves the problem, consider giving a thumbs up and Accept solution. Thanks

5

Hi, UmairA. Why the top and footer does not change?

logo/home/shop/about us part
logo/home/shop/about us part1682×1154 113 KB

footer
footer1672×1070 62.9 KB

code
code1200×876 159 KB

6

Hey again @dospeus ,

Are you able to provide your store URL so I can take a closer look? Thanks

7

https://dospeus.myshopify.com/

8

Hi UmairA,

Did you check?

9

Hey, hope all is well!

Do you know how to change entire background (including header) on all pages to picture (jpeg)? Thanks.