Jump to content

Add shadow overlay to white text block

Recommended Posts

Hi, does anyone know how to add shadow to a text block? I want to make the white text easier to read on the banner on this page: www.peacepaintingcenter.org. I believe adding a shadow behind the white text would help with accessibility. 

Does anyone know how I can do this in CSS? 

Thanks!

Link to comment
  • Replies 1
  • Views 258
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

13 hours ago, d_h_ said:

Hi, does anyone know how to add shadow to a text block? I want to make the white text easier to read on the banner on this page: www.peacepaintingcenter.org. I believe adding a shadow behind the white text would help with accessibility. 

Does anyone know how I can do this in CSS? 

Thanks!

Hi, try adding this code to custom css (design > custom css):

#block-yui_3_17_2_1_1611930870086_6026 {
  text-shadow: 2px 2px 4px #000000;
}

Let me know how it goes 🙂

Please give this a 👍 if it helps. Make sure to quote me or tag me in your reply, otherwise I won't be notified.

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.