In Total 5.10 we introduced a new underline shortcode which makes it easier to add underlines to text on your site when working with any page builder.
To use the shortcode simply wrap your text in a shortcode named underline like such:
[underline]My underlined text[/underline]
The following attributes are available so you can modify your underline.
|Attributes||Allow Values||Default Value|
|Any custom hex/rgba/variable color or the word “accent”.||–|
|1, 2, 4, 8||4|
|0, 1, 2, 4, 8||0|
|solid, double, dotted, dashed, wavy||solid|
|The word “none”||–|
Here is an advance use of the shortcode with custom attributes assigned to the shortcode.
[underline color="accent" size="2" offset="4" style="wavy" skip_link="none"]My underlined text[/underline]
This is the default underlined text example.
Here is a thinner underlined text example.
Wow this underlined text needs to go on a diet.
Her is some wavy text with a custom color example.
And this is text that has a dashed underline a big offset.