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

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? 

Thanks!

Hi,

For all text blocks or specific text block?

And you mean Text Block or Text in Image Block?

If Image Block, all image blocks or which image block: poster, collage, card, inline?

Hi Tuanphan,

Thank you for your reply.

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

Thanks!

23 hours ago, jgoosen345 said:

Hi Tuanphan,

Thank you for your reply.

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

Thanks!

 

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

On 4/6/2022 at 4:04 AM, tuanphan said:

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

Tuanphan,

I was searching for a solution to a similar application and found this older thread.  How would I add a drop shadow to the the 3 text blocks on this page?  Picture attached and link/password below:

www.indetailstudio.com

pass: squarespace

You can use a CSS like this to Custom CSS 

.fe-block.fe-block-27157c83b29bef96d1a5, .fe-block-6d110a1c2f70da67ec45, .fe-block-63e2f561c1dd4080c44d {
    box-shadow: 3px 5px 7px 10px rgba(255, 255, 255);
}