How to add a drop shadow to the horizontal line on a Squarespace site

This tutorial will guide you through the process of adding a drop shadow effect to the horizontal line on your Squarespace website. Whether you're using Squarespace 7.0 or 7.1, the provided code will work seamlessly for both versions. By following the instructions provided, you'll be able to enhance the visual appeal of the horizontal line on your Squarespace site with a stylish drop shadow effect.

Complexity: Easy

---

Step 1: To add a Drop Shadow to the horizontal line, simply copy the code below:

// Horizontial Line Color// 
.sqs-block-horizontalrule hr {
filter: drop-shadow(3px 4px 6px #FFBF00); 
} 

---

Step 2: From your Squarespace account, go to the Custom CSS Editor. paste the code into the Custom CSS editor box.

You can then adjust the drop shadow settings to your liking

---

---