Jump to content

[Share] Change Product Detail Page Background

Recommended Posts

Posted

If you want each product detail page use a different background, you can follow these.

#1. First, edit a Product

image.png.1606a54dde1de20cf9f7927c1268a6ad.png

#2. Click Additional Info

image.png.9a11624993df20aa72d08250f02f17f2.png

#3. Click Plus icon

image.png.2eca45ae0a599f151ca9161916dfd175.png

#4. Choose Code

image.thumb.png.0e7e683cd5b157636cfe31c98124eb7f.png

#5. Paste this code into Code Block

<style>
body {
    background-color: #f1f !important;
}
.section-background, .section-border, section, header#header {
    background-color: transparent !important;
}
.header-background-solid {
    opacity: 0 !important;
}
</style>

image.png.3fc0509023d8d4240a2a1ffe6eeee951.png

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

  • Replies 0
  • Views 409
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Posted Images

Create an account or sign in to comment

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


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.