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 or marking it as a solution.
For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS
BSS Commerce - Shopify Apps & Store Development Service Provider
Hire a Shopify expert | Shopify Plus Store Development
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 or marking it as a solution.
For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS
BSS Commerce - Shopify Apps & Store Development Service Provider
Hire a Shopify expert | Shopify Plus Store Development
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 or marking it as a solution.
For B2B solutions and custom pricing, check out B2B Solution & Custom Pricing |
For adding product labels/badges, visit Product Labels by BSS
BSS Commerce - Shopify Apps & Store Development Service Provider
Hire a Shopify expert | Shopify Plus Store Development
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
Are you ready to take your business to the next level? Look no further than the latest ...
By SarahF_Shopify Apr 15, 2024We’re keeping the ball rolling to make sure you’re always ahead of the game. So buckle ...
By JasonH Apr 8, 2024Portrait of Stephen positioned next to an image of planet Earth, with the Stephen's World ...
By JasonH Mar 18, 2024