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

Overlap a text block with a colored background over an image block in Brine template



I am working on a client website below:

password: flowers
Page needing to address: Meet Saige

I am wanting to overlap a text block with a colored background over a full-width image block as shown below in the screenshot. Not sure if it's easier to add them as separate blocks (image and text), or to create a Collage Image block and customize that using CSS.

Help is very much appreciated!

alt text


Edited by bpurnell
Initial Revision
Link to post
  • Answers 3
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

3 answers to this question

Recommended Posts

  • 0

Hi BrookeP,

Is this what you asked,

if so, please inject this custom css

#meet-saige-bottom H1 {
    background: #fbead7;
    text-align: center;
    white-space: pre-wrap;
    color: #000;
    text-transform: none;



I am frontend dev that provide solutions to enhance feature of squarespace.com can't provide, please check my profile for more details

--- To Space And Beyond! ---


Link to post
  • 0

@bangank36 close but not quite because I think she wants it to overlap on the previous section. 

@BrookeP There's a couple things you could do, you create a section that just has a background-image and spacers to give a blank section, then add another section with your text content. Then you'd be able to use some custom CSS to pull the text up into the previous section to give you that overlap effect

Philadelphia, PA

👉 Squarespace Tutorials 

Chat/Message on FB Messenger for quickest responsehttps://m.me/dejaegherryan


Link to post
  • 0

@RyanDejaegher  I just saw this. I am trying to overlap text over a custom slider.  The slider had text, which I will removed... because...my boss would like the text to remain static while the images slide beneath it. i thought I could do this like you mentioned - make a text block and use CSS to move it up, but it doesn't seem to want to move. Am I positioning it using "absolute" and percentage from top? Or is it not possible to move it. 

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...