Jump to content

How can I add a drop-shadow to a text-block (not the text in the block, but around the actual block)?

Recommended Posts

Hi there, 

I'm having trouble adding a drop shadow to a text block on my Squarespace site. Due to it being for a client, I can't post the URL here, unfortunately. 

I have found that, for image blocks, the CSS code is something like the following:

.image-block: {
    filter: drop-shadow(5px 5px 8px blue);

I want the exact same effect, but to add it to a text block. Adding the above to a text block, however, applies a shadow to the text inside the block as well.

If this isn't possible, would an alternative be to overlay text over a blank image block? 



Link to comment
23 hours ago, jgoosen345 said:

Hi Tuanphan,

Thank you for your reply.

I am referring to one specific text block, not an image block. 



Can you share link to page where you use text block? We can give exactly code + quick guide for next cases

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

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.