How can I place a background image on my store page on 7.1

Site URL: https://lime-koala-f88e.squarespace.com/

Hi everyone,

I'm wondering if someone can help me. I'm trying to place a background image behind my products on my store page (or store collection). If possible, I would also like to be able to place images in the background of my product details as well, but this is my second priority. Any help would be greatly appreciated!

Site is : https://lime-koala-f88e.squarespace.com/

Pass: doggydog

Hi,
You can use SQSP section editor and in the second tab insert you custom background if you are using 7.1!

Also this is your needs!

Use this code in Design -> Custom CSS

section[data-section-id="5f3a0d8062c23339b593353c"] .section-background {
    background: url('https://images.squarespace-cdn.com/content/v1/5f39dfc53a6be72f5bcec0f0/1599430910621-MMSYWOJEH3VCLMMRVQ59/ke17ZwdGBToddI8pDm48kPTrHXgsMrSIMwe6YW3w1AZ7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z4YTzHvnKhyp6Da-NYroOW3ZGjoBKy3azqku80C789l0k5fwC0WRNFJBIXiBeNI5fKTrY37saURwPBw8fO2esROAxn-RKSrlQamlL27g22X2A/cocina4.jpg?format=1000w');
    background-size: cover;
}

Please use the like button if it helps you!

Best,
Leopold

Hi @IXStudio,

this worked! Thank you so much! Also, is there any way to place a sitewide background image on 7.1?

You're welcome.
SS 7.1 have so many sections that each section has their own unique background. So your answer is typically yes but need some custom code.
Please let me know via DM if you like to do it for custom work.
 

Please use the like button if it helps you!

Best,
Leopold

You can find data-section-id with this tool. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en

On 9/10/2020 at 6:25 PM, IXStudio said:

Hi,
You can use SQSP section editor and in the second tab insert you custom background if you are using 7.1!

Also this is your needs!

Use this code in Design -> Custom CSS

section[data-section-id="5f3a0d8062c23339b593353c"] .section-background {
    background: url('https://images.squarespace-cdn.com/content/v1/5f39dfc53a6be72f5bcec0f0/1599430910621-MMSYWOJEH3VCLMMRVQ59/ke17ZwdGBToddI8pDm48kPTrHXgsMrSIMwe6YW3w1AZ7gQa3H78H3Y0txjaiv_0fDoOvxcdMmMKkDsyUqMSsMWxHk725yiiHCCLfrh8O1z4YTzHvnKhyp6Da-NYroOW3ZGjoBKy3azqku80C789l0k5fwC0WRNFJBIXiBeNI5fKTrY37saURwPBw8fO2esROAxn-RKSrlQamlL27g22X2A/cocina4.jpg?format=1000w');
    background-size: cover;
}

Please use the like button if it helps you!

Best,
Leopold

Hi, I can't seem to figure out where I  have to insert the custom background in a product page, can you be a bit more specific? 🙂

Thanks

Tony

23 hours ago, tony99982 said:

Hi, I can't seem to figure out where I  have to insert the custom background in a product page, can you be a bit more specific? 🙂

Thanks

Tony

Do you still need help? Can you share link to product page?