Contents |
Shortcode Generator
Instead of typing out your shortcode you can also use our shortcode generator. Learn More
Tooltips
Tooltips are a great way to provide popout tips for your readers. You can change the colors, sizes, and alignment with our tooltips.
Syntax:
[tooltip trigger="Tooltip Trigger Text"] Tooltip content [/tooltip]
Options:
width // set a width for your tooltip, the height expands with your content position // set to, "top", "right", or "bottom" to align the tooltip relative to trigger variation // use one of our predefined color sets bgcolor // choose a custom color for the tooltip background textcolor // choose a custom color for the tooltip text sticky // set the tooltip to display until hovered over close // sets an icon in the top right of the tooltip to close when clicked on
Example:
[tooltip trigger="Tooltip Trigger Text" width="200px" sticky="true"] Vestibulum vitae orci orci. Sed ullamcorper tempor tellus metus. [/tooltip] [tooltip trigger="Tooltip Trigger Text" width="200px" bgColor="#089"] Vestibulum vitae orci orci. Sed ullamcorper tempor tellus metus. [/tooltip] [tooltip trigger="Tooltip Trigger Text" width="200px" position="top" close="true"] Vestibulum vitae orci orci. Sed ullamcorper tempor tellus metus. [/tooltip] [tooltip trigger="Tooltip Trigger Text" width="200px" position="bottom" variation="blue"] Vestibulum vitae orci orci. Sed ullamcorper tempor tellus metus. [/tooltip] [tooltip trigger="Tooltip Trigger Text" width="200px" position="top" variation="blue" arrow="false"] Vestibulum vitae orci orci. Sed ullamcorper tempor tellus metus. [/tooltip]
