change colour background only on sides

Highlighted
New Member
3 0 0

Hi guys. 

I am trying to have blue background on sides and header and middle of page leave white on all pages. Please see image below.

Anyone knows how to change it. i know it is something with assets -  styles.scss.liquid in source code.

Anyone has snippet code  for that. I will be grateful.

 

Thanks

 

0 Likes

Here is a step-by-step instruction that can help you to make blue background on the site.

Please, test changes in a theme copy first vs editing the live theme (unless you are really sure it will work). Duplicate the theme and test things in the copy.

Follow these steps:

1.From your Shopify admin, go to Online Store > Themes.
2. Choose "Edit code" from the "Actions" drop-down menu.
3. On the Edit HTML/CSS page, you can edit the Assets / styles.scss.liquid file.
4. You should go to the bottom lines in the file and Paste this code:

/ ========= custom CSS ========/
body {
 background-color: #99bbe0;
}

Hope this helps you!

Best,
Arthur

Shopify subject matter expert | Founder at GenovaWebArt | Full-services shopify agency | info@genovawebart.com
0 Likes
New Member
3 0 0

Dear Arthur.

Thank you for quick response.

 

Unfortunately it doesnt work it it will break whole website. please see pic.

I tried google it but didnt find anything relevant to this topic.

 

any ideas?

 

thanks in advance

 

0 Likes

Oh, Sorry.

The code breaks due to missing "*" characters in comments to the CSS. Here is the code again. Insert it:

/* ========= custom CSS ======== */
body {
 background-color: #99bbe0;
}

Only for Homepage:

/* ========= custom CSS ======== */
.index {
 background-color: #99bbe0;
}

 

Shopify subject matter expert | Founder at GenovaWebArt | Full-services shopify agency | info@genovawebart.com
0 Likes
New Member
3 0 0

dear Arthur thank you for help.

 

Now we have whole background blue but what we need is middle of page keep white and have only sides and header blue.

same as on picture in attachment. 

can u help me with that?

 

thanks

 

0 Likes
New Member
10 0 0

Any idea how to do it with background image instead of just a color? Thanks

0 Likes