Jump to content

Banner overlay customization

Recommended Posts

Hi @tuanphan

I've tried a few things and this is the closest I've come to the desired look as shown in my first post.

Main issues I'm having:

-Not targeting the right container/can't find appropriate selector

-As shown in attached image - I am having issues positioning the purple overlay image correctly (when I make adjustments it targets all content in the column.). 

 

Site: 

Site URL: https://blissfuldoulacare.ca/

Password to website is: blissful2021

 

How do I target just the purpler overlay image to position behind the other text blocks (there is h3 text block + markdown + h1 text block + button)?

 

Cheers!

#welcome-1 .sqs-col-12 {
    width: 100% !important;
}

#welcome-1 .sqs-col-12 {
    background-image: url("https://static1.squarespace.com/static/60b13fa966b81645ad1e967a/t/613a94dc9128cd56568eddd1/1631229148624/purple-overlay.png");
    background-repeat: no-repeat;
    background-position: cover;
    width: 100%;
    height: 100%;
}

 

Screen Shot 2021-09-14 at 10.22.22 AM.png

Link to comment

Create an account or sign in to comment

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

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.