Jump to content

Adding a drop shadow between sections

Recommended Posts


I have added line borders to the bottom of some sections, but would like to make them stand out more by adding a drop shadow. Would anybody be able to help me with some code for this?

The code I'm presently using for the borders is -

section[data-section-id="630f3a3bace9185d58bcbbe1"]{border-bottom: 2px solid black}

Many thanks in advance.


Link to comment

You'll have to use an inset border on the following section, hopefully this'll work for you:

section[data-section-id="63529b0fb6badc6cbc39767f"] {
  .section-background {
    box-shadow: inset 0 9px 9px -9px rgba(0,0,0,1);

Give me a thumbs up if it does!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
 Did I help? Buy me a coffee?

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.