Question

I can’t seem to get the color values/names correct so that I can get a Letter Press Effect on the text.

To create the appearance of text that has been stamped, choose a text
colour that is darker than the background, and then create a 1px text
shadow with a 1px blur and offset it down 1px. Make the text-shadow
slightly lighter than the background

background-color: rgba(255, 255, 255, 0.8);
color: #222;
text-shadow: 1px 1px 1px #FFFFFF;

So far I get only this

How would I go about

1. Finding the text colour that is darker than the background. Background color is rgba (255, 255, 255, 0.8) and text color is #222.
2. Finding the text shadow color that is ligher than the background. Background color is rgba (255, 255, 255, 0.8) and text shadow color is #FFFFFF;

I need to change the text color (currently #222) to a darker and text shadow color (currently #FFFFFF) to a lighter against a background color (currently rgba 255, 255, 255, 0.8). I can’t change the background color to any other.

Have no designing skills and maybe someone would how what color values to change of the text as well as text shadow to have a letter press effect which is more obvious.

Thanks

Answer 1

Why don’t you just do less of a blur on the text-shadow?

You’re using:

color: #222;
text-shadow: 1px 1px 1px #FFF;

Use less of a blur and your text-shadow becomes more prevalent:

color: #222;
text-shadow: 1px 1px 0px #FFF;

Blur is the third parameter in this case, which you should have a value of 0px rather than 1px for a more letter-press-like effect.