Add Text Drop Shadow

(Bruce Kieffer) #1

How do I add CSS code to apply a drop shadow to a line of text? I’ve tried a few things with no luck. I found online code generators, made the code, placed it in the CSS tab of the RW inspector on the page, no luck. I found 1LD’s Simple Text stack, tried it, no luck.

(Oscar Schmid) #2

You can create a class (shadow)
<p class="shadow">This text shows a shadow</p>
or title
<h2 class="shadow">This title shows a shadow</h2>

Then you must copy this code in CSS and it works.

.shadow { text-shadow: #bbbbbb 10px 5px 2px; }

(Bruce Kieffer) #3

@Oscar, Thanks. I was able to get it working, but so far I can’t make it work with Google Fonts. That may be a limitation of using Google Fonts.

(Robert Ziebol 🖖🏼) #4

Joe’s Letterpress stack can add a shadow, and it also allows for use of Google Fonts, see this FAQ: