Heading widget allows you to create headings with different style and different format in your webpage. You can easily build this widget with EnterAddons
Using Heading Widget:
You can see the below video to get an insight into how you can use the Heading Widget, Or you can follow the documentation whichever you find convenient.
Firstly, select the Heading Widget from the menu bar on the left-hand side of your screen and drag and drop it in the selected area.
Step1
Secondly, from ‘Content’ Section you will get Heading Title, Sub Title, Description, Divider and Content Ordering etc .
After that, At first, from ‘Heading Title’ section you can heading title, that shows given below.
Then from ‘Sub Title‘ section you can set subtitle. There is a option named ‘Show Sub Title’ for show / hide sub title. And that is given below.
After that, from ‘Description’ section you can set description. There is a option named ‘Show Description’ for show / hide description. And that is given below.
Then, from ‘Divider’ section you can set show-divider( show / hide ). There is a option named ‘Show Divider’ for show / hide divider, like below.
Step2
From ‘Style’ section you can stylize the widget. You will get the options Wrapper Settings, Title, Sub Title, Descriptions and Divider .
Then, from ‘Wrapping Settings’ section you can set content-flex-alignment, content-text-alignment, add margin, padding, border-type, border-radius, box shadow and background-type respectively.
After that, from ‘Title’ section you can add title-color, typography, margin and padding respectively.
Moreover, from this section, under subsection ‘Title > Title Before/After’, you can add ‘active-before/after’, ‘hide-before / after-on-tab’ and ‘hide-before / after-on-mobile’ with option respectively.
Under this subsection, we find active ‘Title Before’ as given below.
Again, under this subsection, we find active ‘Title after‘ as given below.
After that, from ‘Sub title’ section you can add color, typography, margin and padding respectively.
Then, From ‘Descriptions’ section, you can edit color, typography, margin and padding respectively.
After that from ‘Divider’ section, you can edit width, height, border-radius, box-shadow, background-type, margin and padding respectively, that is given below.
Step3
Finally, after finishing all the editing click update, and then click on ‘Preview > Preview in new tab’ to see your work live.
That’s it.