Elementor gradient button - Elementor gradient text Tutorial[ 2 Easy Methods]

Описание: Hey designers! Wondering how to add Elementor gradient text or Elementor gradient button to your WordPress websites?

In this video, I show you to how to add multiple colours to gradients in the text, button, text editor or even icon box text widgets.

► Get Elementor Pro — https://wpalgoridm.com/elementor

Get piotnet add-ons free here: https://wordpress.org/plugins/piotnet...

Elementor gradient background tutorial:    • Elementor gradient background tutorial: Ad...  

*If you're using the Elementor free version follow the instructions in the video and find the style tags in the first comment*

Copy the code snippets from below[for Pro version] :

/*Code for gradient heading widget*/
selector{
background-image: linear-gradient(135deg, red,blue,wheat,pink);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/*Code ends above*/

/*Code for gradient button widget*/
selector .elementor-button {
background-image: linear-gradient(to bottom right,red,blue);
}
/*Code ends above*/

/*Code for gradient rich text editor text*/
selector .elementor-text-editor
{
background-image: linear-gradient(135deg, red,blue,wheat,pink);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/*Code ends above*/

/*Code for gradient icon box text*/
selector .elementor-icon-box-description {
background-image: linear-gradient(red,blue);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
/*Code ends above*/

Happy designing and peace!

*Some Important Links*

Elementor Custom Breakpoints Tutorial:
   • Elementor custom breakpoints: Solving Elem...  

Join the Facebook Group:   / designschoolwp  

Design your website:    • Design WordPress website  

Build your website:    • Build WordPress Website  

Customise your website:
   • Customize WordPress website