How to use a PNG for a background in Squarespace

What you’ll need: A PNG file and a page with a page section in Squarespace 7.1

How to upload the PNG for a page section background:

  1. Select edit on the top left hand side of the site preview

  2. Hover over the page section you want to add the background to

  3. Click on the edit page section icon that appears on the right hand side of the page section (it’s the icon on the far left of the icons that show up on a hover)

  4. Navigate to the background tab

  5. Drag and drop your PNG image into the grey box to upload it

  6. Hover over the word done on the top left hand side of the site preview and select save to exit edit mode.

Important info: You can change the focal point of your PNG image background by moving the white circle outline in the background tab of your page settings menu.

insidethesquare


Grab my collection of custom codes for Squarespace: 
→ insidethesquare.co/css

Learn CSS for Squarespace in my free class:
→ insidethesquare.co/learn

https://insidethesquare.co
Previous
Previous

How to Edit a Page Section in Squarespace

Next
Next

How to Add An Audio Track in Squarespace