How can I add a custom background image on multicolumn (using Dawn theme)

[erika_brandlab1]

I'd like to add a custom background image on multicolumn - similar to the one below: 

Thank you!

URL: https://39o7xea6sanmy82v-68790550809.shopifypreview.com

Code: teagau

[SmallTask]

Hi @erika_brandlab1 ,

To add background image we need to customize the multicolumn.liquid file. You should create a image section in the liquid code and add it in the html.

[BSS-Commerce]

Hi @erika_brandlab1 

Your link was expired. Please share a new link with us if you still need to fix the above issue.

[erika_brandlab1]

Hi @BSS-Commerce here's the updated link: https://c2jee4zb5e7dq0ob-68790550809.shopifypreview.com

Thank you

[BSS-Commerce · Accepted solution]

Hi @erika_brandlab1 

Please follow these steps:

1. From Shopify admin -> Online store -> Edit code:

2. You find the file base.css and add the following code at the end of the file:

.section-template--17118277304601__e1225a6b-f8d2-4be2-b2c0-9e9ee69013fe-padding  {
  background-image: url("your-image-url");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-clip: content-box;
}

For "your-image-url", you can add the following:

From Shopify admin -> Settings -> Files, you upload the file and then use that image link.

I hope that this can help you solve the issue.

[erika_brandlab1]

I'm sorry this doesn't work 😞 

https://44qbz50lygxu1b6o-68790550809.shopifypreview.com

[erika_brandlab1]

It currently looks like this: 

I would like the image to be the same as this, in terms of width, height and placement: 

URL for this screenshot: https://honeywellaircomfort.com/

 

Thank you