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.
The underline shortcode is similar to but different then the text highlight shortcode (which you may also be interested in).
Basic Usage
To use the shortcode simply wrap your text in a shortcode named underline like such:
[underline]My underlined text[/underline]Shortcode Attributes:
The following attributes are available so you can modify your underline.
| Attributes | Allowed Values | Default |
|---|---|---|
color | Any custom hex/rgba/variable color or the word “accent”. | – |
size | 1, 2, 4, 8 | 4 |
offset | 0, 1, 2, 4, 8 | 0 |
style | solid, double, dotted, dashed, wavy | solid |
skip_ink | The word “none” | – |
Advanced Usage
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]Examples
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.