text effects in stack

jason

Is there a way to add shadow or maybe stroke to text in a text stack. I'm using the freestack theme if that matters?

yuZool

Hi @jason,

My theme here has text shadow: http://demo.yuzoolthemes.com/portfolio/features.html

Just add this css in the page inspector to the element you want to add the shadow:

span.shadow {
text-shadow: 2px 3px 2px black;
font-size: 24px;
line-height: 28px;
color: #999;

Adjust the values to your liking!

Colorwave

Here's how I set it up in the Freestack theme:

body {
margin: 0px auto;
padding: 0;
border: none;
font-family: 'Molengo', sans-serif;
font-size: 13px;
line-height: 22px;
color: #151515;
text-shadow: 2px 2px 4px #000000;
}

If you only want to use it on headlines (which is usually the case), change the body part to H1, H2, etc.

Of course, the easiest approach is just to use Joe Workman's Letterpress stack.

jason

Thanks Ron, As you could tell I'm a real newbie trying to teach myself as I go. I just watched a nimblehost video on youtube for entering css and with that along with your code I accomplished it. Now after seeing it don't know if I like it but

Colorwave

Step 1: Learn how to mash the button
Step 2: Learn when to mash it

Yeah, it doesn't do nice things to legibility of small text, but can be quite nice in the right circumstances. Take a look at my own home page (in the link below) to see it on large display text.

Ed Brenner

And it depends on the setting you use in the 'values'.

text-shadow: 2px 2px 4px #000000;

You can try changing the pixel settings for each to see if that helps. And the color of course.

mtmfx

If you want to use a stack to do it try Header Helper by Stack-Its. It has many adjustable parameters and even lets you add a gradient background. The support from Bill is first rate and informative.