For best readability and to maintain background images on your Squarespace 7.0 site:

Templates Supporting Site-Wide Backgrounds:

• Adirondack
• Avenue
• Aviator (includes page-specific background option)
• Five
• Forte
• Momentum
• Montauk
• Native

Best Practices for Background Images:

• Use images 1500-2500 pixels wide
• Choose images that crop well on mobile
• Use abstract patterns or borderless images
• Note that images won't transfer between templates

Adding a Background Image:

1. Open Design panel > Site styles
2. Locate Background Image tweak
3. Upload image or select existing one
4. Adjust style settings
5. Save changes

Image Styling Options:

• Size: Auto, Cover, or Contain
• Position: Top, Center, or Bottom alignment
• Repeat: No-repeat, Repeat, Repeat-X, or Repeat-Y
• Fixed Position: Enable for parallax effect (except mobile)

Mobile Optimization Tips:

• Test on mobile devices
• Use Size: Contain or Auto for less distortion
• Keep images under 2500 pixels
• Adjust transparency of content areas
• Check mobile-specific display settings

Example Implementations:

Alternative Options for Page-Specific Backgrounds:

• Banner images
• Cover pages
• Index page sections
• Template-specific features

Remember to test across devices and adjust settings as needed for optimal display on both desktop and mobile.

Related Articles

Previous Articles