The Title Element is an elegant Element that does exactly what it says: adds a Title into your content. You can, of course, select any Header Tag from H1 through to H6, as well as a variety of styling options including Alignment, Separator styling, and overrides for Font Size, Line Height and Letter Spacing.
And new with Avada 6.1, we have now added Rotating Titles and Highlighted Titles, for that extra bit of bling! Read below for an overview of the specific features of the Element.
This is the Rotating Title Type using the Clip Effect
This is the Highlight Title Type with an underline zigzag effect
This is a H2 title with font size override
This is a H2 title with colour override
This is a H4 title with 2 pixel letter spacing
How To Use The Title Element In Fusion Builder
The Title Element allows you to add customised titles to your page content.
Step 1 – Create a new page or edit an existing one.
Step 2 – Add a container then select your desired column layout.
Step 3 – Click the ‘+ Element’ button to bring up the Elements window. Locate the ‘Title’ element and click it to bring up its options window.
Step 4 – The Title Element is very easy to use, and allows for some interesting customizations. To get started, on the General Tab, choose wether you want a standard Text, A Rotating Title or a Highlighted Title. Each one has its own set of options. A standard Text Title is pre-selected, and you can simply enter the Title content you wish to display. Then, on the Design Tab, you can customize the title.
Step 5 – The design options start with alignment, and then the HTML Heading Size you wish the title to have. You can also add a font size override, but otherwise the Title will take the font size of the corresponding Header size specified in the Theme Options Heading Settings. There are also override options for line height, letter spacing, margins and font color. As well as that there is a separator option built into the Title Element, which allows you to choose from any of Avada’s 9 preset separators, or not to use one at all. You can also choose the separator color.
Step 6 – Once you have completed adding your title, click Save. You will be returned to the edit page. You can preview the page to view the title, and you can always edit the element again to make changes.
Read below for a detailed description of all element options.
How To Use The Title Element in Fusion Builder Live
There are only a few differences when using the Title Element in the Fusion Builder Live Editor.
Being a text based Element, the Title Element is directly editable in the Fusion Builder Live Editor. And if you make a selection of text on the page, the Inline Editor appears, allowing you to make formatting changes to parts of your Title directly on the page.
Please see the Best Practices for Inline Editing in Fusion Builder Live document for a good idea of how to best use the Inline Editor.
Location: The edit screen within each Element.
You can deploy as many individual Elements in pages and posts as you need, there is no limit. Within each of the Elements, you will see a tab or tabs that house an array of options that make it possible for you to configure each Element independently, and greatly enhance your flexibility and creative options.
Note: The Default setting will use the global settings assigned for this element in your Theme Options > Fusion Builder Elements > Title Element section.
Location: WordPress Dashboard > Avada > Theme Options > Fusion Builder Elements > Separator Element
The Avada Advanced Options Network gives you amazing flexibility with additional Global Options that allows you to control individual Elements en masse.