Create Wordpress Dual color heading using Elementor HTML widget[free version]

Create Wordpress Dual color heading using Elementor HTML…. Category: Wordpress Design with Elementor, Tags: Dual Heading Wordpress, Elementor Css Hacks, Element

Create WordPress Dual color heading using Elementor HTML widget[free version]

Create WordPress Dual color heading using Elementor HTML…

Hey folks! Want to achieve Dual colour heading where one part has certain properties such as color, font-size and other part has a different set of properties??

Get Elementor Pro:

Create a Dual Color Heading without writing code[Easy and Fast]:

You can simply do it by using html widget in Elementor and Custom CSS. You can set text decoration, font-size, font weight separately for both parts in the Same Heading Widget.

Watch the video and follow the instructions below
Part 1: Find the HTML code in the first comment:

Part 2: Add the following Code into Custom Css Under Advanced tab in Elementor
/*Code starts from below*/
.noted{
/* color:red;*/
font-family: Tahoma;
font-weight: 400;
/*Apply any of the below properties here*/
}

.note{
color:blue;
font-style: italic;
font-family: Times New Roman;
font-weight: 100;

text-decoration: underline red wavy;
/* Replace wavy with solid,double,dotted or dashed and change color*/

/*background-image: linear-gradient(135deg, red,pink,green)*/

/*Delete Optional or Replace it with 3rd part if you like*/

}
/*Code end with above line */

**Some Important Links**

Elementor Custom Breakpoints Tutorial:

Join the Facebook Group:

Design your website:

Build your website:

Customise your website:
8

…  

View our service SEO Temple Web Design

 

Create WordPress Dual color heading using Elementor HTML widget[free version] Description

Create WordPress Dual color heading using Elementor HTML…. Category: WordPress Design with Elementor, Tags: Dual Heading WordPress, Elementor Css Hacks, Element

Create WordPress Dual color heading using Elementor HTML widget[free version] Tags

Dual Heading WordPress, Elementor Css Hacks, Elementor Css Tricks, Elementor Custom Css, Elementor Design Tips, Elementor Heading, Elementor Heading Widget, Elementor Tips And Tricks, Elementor Tutorial, Elementor Tutorial For Beginners, WordPress Customization, WordPress Heading Styles, WordPress Headings Editor, WordPress Tutorials

Watch Create WordPress Dual color heading using Elementor HTML widget[free version] on YouTube

WordPress Design with Divi

 

Related Posts on MayanSEO Blog

We offer White Label SEO

Our prices start at $450 USD per month

You can reach us using the following form:

[]
1 Step 1
keyboard_arrow_leftPrevious
Nextkeyboard_arrow_right

5 Comments

  1. Design School by Wpalgoridm

    Copy this HTML CODE:
    <h2 class="noted">You can <span class="note"> Style This</span> Optional</h2>

    Reply
  2. John Boyd

    Another excellent video showing how I can eliminate additional plugins for different effects. Thank You!

    Reply
  3. Ecom King

    you are amazing brother ♥

    Reply

Submit a Comment

Your email address will not be published. Required fields are marked *