Typography also known as Fonts are a very useful element in Web Design. The right selection of a font, its size, weight, layout, and alignment is very important for the page appearance. There are two main types of fonts which are widely used, they are Serif and Sans Serif fonts.
Using Advanced Typography widget, you can create advanced typography such as Knockout Text, Magicscroll Typography, Text Blend Mode, Arc typography, Circular Text, Underline to hover styles, Shadow 3d typography, Vertical Text & Stroke Typography.
How to use the Advanced Typography Widget of The Plus Addons For Elementor
The Advanced Typography widget comes with different styles and a plethora of customization options using which you can create stylish looking typography for your websites.
Search for the Advanced Typography element from the Elementor screen in the left and then drag and drop it into the content building area. After dropping the element, you will see three tabs i.e. Content, Style, and Advanced related to the Advanced Typography widget. First, click on the Content tab.
Advanced Typography (Normal)
Select the option here for Advanced Typography. You can select Normal or Multiple. Based on your selection, you will see options to configure the widget.
Enter the text here.
Select alignment of your text entered above.
Select the vertical text style. The options given here are Normal, Right to Left and Left to Right.
Slide to show Vertical Letters.
Set the Vertical Direction here.
Enter the Transform Normal code here.
Enter the Transform Hover code here.
Set the transform Origin position here.
Enable and set the Stroke/Fill options.
Enable and set the Circular Text options.
Background Based Blend Mode
Enable and set the Background Based Blend Mode options.
Enable and set the Knockout Text options.
On Hover Image Reveal
Enable and set the On Hover Image Reveal options.
Enable and set the Marquee options.
Add a link to your text here.
The Style tab is used for customizing the look of all the Advanced Typography widget components which are listed below.
Set the Typography, Padding, Color, Text Shadow, and CSS filters for the Advanced Typography here.
Set the Stroke Width, Color, Stroke Color, Text Fill Color, and Fill Color here.
Enable and customize the Continuous Animation style here.
Advanced Underline Options
Set the Underline style, Underline line, and Line color over here.
On Scroll View Animation
On Scroll View Animation Options are used to set beautiful animations to your sections. They are a common option for almost all the widgets. So, we have written a detailed tutorial explaining how to use these options.
View On Scroll View Animation Tutorial