Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

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


Vncent

Question

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

 

square.jpg

Link to comment

6 answers to this question

Recommended Posts

  • 0

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

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment
  • 0

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

Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to comment
  • 0

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
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

Link to comment
  • 0
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?

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...