Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
This is an accepted solution.
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.
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
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.
Your link was expired. Please share a new link with us if you still need to fix the above issue.
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
Hi @BSS-Commerce here's the updated link: https://c2jee4zb5e7dq0ob-68790550809.shopifypreview.com
Thank you
This is an accepted solution.
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.
If our suggestions are useful, please let us know by giving it a like, marking it as a solution, or donating here ☕.
B2B Solution & Custom Pricing | Product Labels by BSS
Need help from our expert? Kindly share your request with us via community@bsscommerce.com
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
Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025Expand into selling wholesale with Shopify Academy’s learning path, B2B on Shopify: Lau...
By Shopify Jan 28, 2025