How to create an Image Filled Heading in Elementor [WordPress Tutorial]

CSS CODE

.myclass {
color: white;
background: url(PathToMyImage.jpg) no-repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}

DIV

Replace the parent brackets with angle brackets. YouTube doesn’t allow to use angle brackets in video descriptions

(div class=”myclass”)My Text(/div)

STEPS
1. Highlight an copy the CSS Code
2. Go to Appearance – Customise – Additional CSS – Paste the Code
3. Go to Media Librery – copy the path of chosen image – Go back to Additional Code – Delete “PathToMyImage.jpg” and paste the path to chosen image
4. Open page in Elementor, click at the heading you want to change.
5. In the heading editor paste the DIV Code, replace “My Tex with your heading text
6 Update the project

Post Author: hatefull