User Guide Navigation

Customize the Style Turn a Link into a Button

With the Link Button tool, you can add a button style and an icon to an existing link on the page. The Link Button panel contains several button styles to choose from. By default, the Button Style option uses the text of the existing link. However, you can edit the text as needed with the Text option.

Note: The Link Button tool does not create new links.

Interface

Link/Button controls The following list describes the tool options:

Text: Changes the link text. You can also change the link text in the content editor; however, using the Button Link tool reduces the risk of breaking the styles.
URL: Changes the destination of the current link.
Open in new tab: Sets the link to open in a new tab.
Indicate Visited: Links that a user has visited will have a green square next to the link. Links a user has not visited will have a yellow/orange box next to the link.
Icon: Adds an icon to the selected link.
Button Style: Choose a button style to turn the link into a button.
Button Size: Changes the size of the button. This option appears if a button style is selected.
Remove Style: Removes the button style from the link.

Modify a Link

To modify the style of a link, follow these steps:

Open the page for editing.
Launch Design Tools.
Expand the Customize the Style section.
1. If you have Intermediate or Advanced tools turned on, open Current Element Style
On the page, select the link.
In the Link/Button panel, make your desired changes.
Click Save.

Tip: If a link is selected in the content editor, you can click the button in the jump menu to jump right to the Current Element Style panel and/or the Current Element Style section.

Current Button Styles

Solid

Primary Secondary Success Danger Warning Info Light Mid Dark

Outline

Primary Secondary Success Danger Warning Info Light Mid Dark