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.
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:
➜➜ Elementor Theme Builder tutorial:
➜➜ Start Your WordPress website now (From the scratch):
➜➜ New to WordPress?Start Here:
➜➜ New to Elementor? Start Here:
⚡️⚡️ OUR FINEST RECOMMENDATIONS ⚡️⚡️⚡️
Pick from best recommendations for best WordPress hosting, best WordPress plugins and themes below
► ELEMENTOR AND ADD-ONS ◄
►Elementor pro – https://bit.ly/designelementorpro
►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.
source