Add Drop Shadow to Header Text in Squarespace

The following plugin adds a subtle drop shadow to the H1 headings in your Squarespace 7.1 site. Plug in the following CSS to add this design feature. Want to further customize the drop shadow? Play around with different directives by updating the numbers before px and apply a different color drop shadow by modifying the rgba color settings (an RGB color is required).

Copy Code

h1 {
 text-shadow: 2px 2px 3px rgba(0,0,0,0.25);
}