Difficulty

gold-star blank-star blank-star blank-star blank-star

How long will it take?

1397068449_clock 5 Minutes

Youtube Video

youtube-icon

Not yet available

Step 1

First of all, create or navigate to the page or post that you would like to edit.

Step 2

Click on the shortcode dropdown, signified by a [] symbol.

Step 3

Click on the shortcode named ‘Text Tooltip’ to insert it into the page.

Step 4

In the opening tag, we have the parameter title=”Tooltip Text”. Select and replace the text within the quotes with the text will appear upon mouse-over of the tooltip.

Step 5

Now you will need to select the text contained between the tags that reads Text for tooltip, and type in the text that will appear on the page.

In our example, we will use the text tooltip to explain an acronym.

Step 6

Check that the shortcode is in the right place i your text. You can cut and paste it where you would like it to go on the page, or type other text or content around the shortcode.

As this shortcode is likely being used inside a block of text, you will need to have a space either side of the shortcode – or the tooltip text will be joined up with the words before and after.

We have added some text around the shortcode for demonstration purposes.

Step 7

Submit, update, publish or preview your page or post and it should look similar to this image.

Top