Elementor Text Stroke Effect Using Custom CSS (DESIGN TIPS)

Published: 23 August 2021
on channel: Design School by Wpalgoridm

2,137

Learn how to apply Elementor Text Stroke Effect to any Elementor widget such as text widget, text within buttons or any widget that contains text using Pure CSS.

We're going to use CSS webkit text stroke property to get that eye catching Elementor Text Effect.

NOTE: This feature is built into elementor 3.5 and above and widgets like heading widget, icon box widget also have this feature in the style tab.

Get Elementor Pro (For Custom CSS Entry):
https://wpalgoridm.com/elementor

Copy the CSS code snippet discussed in the tutorial From Below:

/*Start Of The Code*/

@supports (-webkit-text-stroke: 1px black) {
.my-section .elementor-heading-title, .my-section .elementor-button-text {
-webkit-text-stroke: 2px black;
-webkit-text-fill-color: white;
text-stroke: 2px black;
}
}
/*End Of The Code*/

New Elementor 3.4 Custom Breakpoints:
   • New Elementor 3.4 Custom Breakpoints in ac...

➜➜ Elementor Theme Builder tutorial:
   • Design WordPress theme templates - New Ele...

➜➜ Start Your WordPress website now (From the scratch):
   • Install WordPress on DigitalOcean with SSL...

➜➜ New to WordPress?Start Here:
   • WordPress Tutorial for Beginners

➜➜ New to Elementor? Start Here:
   • Elementor basics

⚡️⚡️ OUR FINEST RECOMMENDATIONS ⚡️⚡️⚡️

Pick from best recommendations for best WordPress hosting, best WordPress plugins and themes below

► ELEMENTOR AND ADD-ONS ◄

► Get Elementor Pro — https://wpalgoridm.com/elementor
►Dynamic content plugin - https://bit.ly/designdynamicooo
► Unlimited elements pro - https://bit.ly/designunlimited
►Crocoblock - https://bit.ly/designcrocoblock
►Ultimate add-ons - https://bit.ly/designuae
►Exclusive add-ons - https://bit.ly/dsexclusive

► BEST HOSTING ◄

►SiteGround - http://bit.ly/dssiteground

► BEST WordPress THEMES ◄

►Astra Pro - https://bit.ly/designuae
►Neve Pro - https://shrsl.com/2a728
►Gutenix pro - https://bit.ly/designgutenix

► BEST WordPress PLUGINS ◄

►WPForms - https://shrsl.com/258qs
►WPVivid pro - https://bit.ly/designwpvivid

DISCLAIMER : I may earn a small commission from the links above that won't cost you more but rather help me create more free content for you. My recommendations don't affect the content that I create.

On this page of the site you can watch the video online Elementor Text Stroke Effect Using Custom CSS (DESIGN TIPS) with a duration of hours minute second in good quality, which was uploaded by the user Design School by Wpalgoridm 23 August 2021, share the link with friends and acquaintances, this video has already been watched 2,137 times on youtube and it was liked by 24 viewers. Enjoy your viewing!

19,948

158