Easy Tech TutsHow to Adjust, Change or Remove Banner Image, Text in Header on Squarespace 2026
By Impran M N
Your banner is often the first thing visitors see, so it's worth knowing how to update the image, resize it, and adjust the text so it reads clearly. This guide covers changing the banner image, tweaking size and color overlay, and editing header text or a call to action.
01Open the banner for editing
Log in to Squarespace, go to the page with the banner, hover over the section, and click Edit.
02Change the banner image
Click the background area, choose Image, and upload a new high-quality image or select one from the built-in library.
03Adjust the banner size
Use the section height settings to choose Small, Medium, or Full depending on how much space you want the banner to take up.
04Tweak the color overlay
In the section design settings, adjust the overlay color or transparency so your text stands out clearly against the image.
05Edit the header text and save
Click into the text block to update the header message or CTA, format the font and color, then save your changes.
Frequently asked questions
How do I change just the banner text without changing the image?
Click directly into the text block within the banner section to edit the wording, font, size, and color without touching the background image.
Can I make the banner smaller?
Yes, the section height settings let you choose Small, Medium, or Full to control how much of the screen the banner occupies.
My banner text is hard to read over the image — what should I do?
Adjust the overlay color or transparency in the section design settings to darken or lighten the background so the text pops.
Do I need to save changes after editing the banner?
Yes, changes won't go live until you click Save after editing the image, size, color, or text.
Watch the full walkthrough
The same steps, demonstrated on screen from start to finish.
