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 useful to you. Thanks!

Zygmunt Spray
Squarespace Website Designer
Contact me: https://squarefortytwo.com/ 
🔌Ghost Squarespace Plugins (Referral link)
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.