Hi,
I’m looking to add a background image to a specific page, where the image is fixed and does not move when you scroll. I’m using the ride theme.
Thanks.
@TCA-USA
Hii,
Can You Please Share Your Store URL
Hi there, I have the same problem, have you found the answer?
Hello OScprofessional, would you ve so kind and help me out with the same issue please? my store url is https://shop.boxinglisboa.com
Many thanks
Can you share the screenshot where you want to add background?
Hi there, Many thanks for your reply. Please see attached two screenshots. I would like to add the BG to the home page, but to a specific section and also to the product page. I screenshot the specific section and the a sample product page.
.page-width.section-template–15618221768895__16542731647c7f5580-padding.isolate {
background-image: url();
}
Add this css at the bottom of Online Store->Theme->Edit code->Assets->base.scss.liquid
Note : add the image file after uploading to the files in shopify
Many thanks! It didn’t work, I am attaching what I’ve done exactly:
It worked! A bracket was missing! thank you so much!!!
@Catarina85
Hii,
#shopify-section-template--15618221736127__main {
background-image: url("https://boxinglisboa.com/webdev/wp-content/uploads/PBC-combate-8-bobby-graham-vs-luis-bone-website.jpg");
}
please check this code. currently i am using dummy image but you if have use any image
check attachment
Note : every page ID its different so check proper page id and add background image
It worked! thank you so much for your help!
Your most welcome.