Subscribe on YouTube

Check out our videos on branding, web design, SEO, and online business.

How to Make Text Shadows [Elementor Tutorial]

Home Design / Layout How to Make Text Shadows [Elementor Tutorial]


Elementor (Affiliate Link):

Video Transcript

Hi there, this is Barbara from Wicky Design. Today, I’m going to show you how to create a text shadow effect on your headings in Elementor.

This is a website that we designed for a client a few years ago and I really like how these headings turned out. It just has a little bit extra, it gives it a little more personality, and this is something that is really easy to do in Elementor.

You’ll see that we added it to a couple of different places. Just a subtle effect that just gives it a little bit of pop on the page. So I’m going to show you how to do that right now.

I’ve opened up a page in Elementor and I dragged over a heading widget. In order to achieve this effect, we’ll want to go to the Style tab and then Text Shadow.

If we click this by default there will be a blurry Text Shadow on the heading, but that’s not really what we want. So in order to achieve the effect that we’re looking for, we’ll want to play around with these settings.

The blur is the first thing that we’ll want to change. I’m going to bring this all the way down to zero. And as you can see, you don’t see any red shadow effect in the background anymore. And that is because the horizontal and vertical axis is set to zero, so we have to adjust those settings in order to get a shadow effect. So you can slide this and really make it dramatic on the horizontal and vertical axis, depending on the effect that you’re going for. I generally like to keep it pretty subtle, but you might want to play around with it and get some really cool effects. So I just set my horizontal to 3 and my vertical to 3 and that adds this cool shadow effect on the text.

And this is something that you can do to really any text on the page. I like to keep it for headings because those are generally a little bit bigger so adding a shadow effect to it doesn’t make it too hard to read.

You’ll definitely want to play around with your colors and make sure that you’re using something that isn’t going to be too harsh on the eyes. So actually, you might want to play around with this red and adjust that to something that is a little bit easier on the eyes, like this blue isn’t as bad.

Play around with it, get some cool effects, and try it out on a page that you’re designing.

* Some of the links on this page are affiliate links, meaning we may receive a commission if you follow them. This allows us to continue providing free content and educational resources for you. Thank you for supporting our small business!

More Free Resources

Template Restyles

Get a new website in only 7 days with our new template restyle service. The perfect solution for a new business owner.