Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Adding coloured background to one page



I'm working on a website and want to add a coloured background to one of the pages under my index page. I've tried using several css codes online but I'm totally new to css and nothing has been working so far. 

Does anyone have any idea how to go about this? 

I'm using the Bryant template. 


Link to post
  • Answers 5
  • Created
  • Last Reply

Top Posters For This Question

5 answers to this question

Recommended Posts

  • 0


Remove your BG image and use this code in Design -> Custom CSS

#formal-bio .banner-thumbnail-wrapper.has-description {
    background-color: black !IMPORTANT; /* change the color to anything you want */

Please use the like button if it helps you!




Ninja Kit Extension: Upgrade your Squarespace website without coding.

YouTube Preview    -    FREE DOWNLOAD

Link to post
  • 0

Hi Christine

Try this in Design > Custom CSS:

#bio {
  background-color: #E3B9C5;

Here's an example of the CSS being added...




  • This is for the Bedford-family template.
  • It applies to the index section with the URL of "bio". For a different section, change the ID #bio.
  • It changes the background colour to melanie pink (#E3B9C5). You can substitute another colour by changing the code.

 If this helped you, please click "Like" below  ⬇️

Hi, I'm Paul, founder of SF Digital, a specialist company helping Squarespace users by building the features that Squarespace didn't include.
Explore our range of Squarespace Extensions, including the Wishlist, and Datepicker Extension or book a Squarespace Expert for 1:1 help. Note that links in my posts may be affiliate links.

Link to post

Create an account or sign in to comment

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

  • Create New...