Add Decorative Graphics to Sections

What You'll Create

Decorative graphics and images layered onto your sections—corner flourishes, watermarks, brand elements, or accent graphics—positioned precisely where you want them without adding extra blocks to your layout.

The Problem It Solves

Squarespace sections only allow one background image, and adding decorative elements requires image blocks that complicate your layout and content flow. If you want a subtle brand watermark or corner graphic that doesn't interfere with your content, there's no native solution.

Perfect For

Corner flourishes and decorative accents, Brand watermarks and logos, Subtle pattern overlays, Section borders and frames, Seasonal embellishments

What Makes This Different

This technique adds graphics as invisible layers that don't affect your content blocks. You choose whether decorations appear behind your content (like a watermark) or in front (like a corner accent). Position graphics anywhere—corners, edges, centered—and control their size and whether they repeat. Works on any section without rearranging your actual content.

Details

• Section Type: Fluid & Classic

• Code Type: CSS

• Prerequisites: Section with ID or unique identifier, hosted image URL for your graphic

• Toolkit Title: Section Decor

Learn This Technique

This is one of 150+ code techniques taught inside Standout Squarespace, where you get:

• The complete, copy-paste code

• Video walkthrough explaining how it works

• The principles behind the technique so you can customize it

• Access to our private community for support