This article will show you how to create a Fancy Button. A fancy button can be responsive to hovering and includes images and text.
Who can use this feature?
Instructions
- Navigate to Modules > Content > Graphic Links
- Select the category you want to add the Fancy Button to
- Note: If you want to add a second set of buttons that are independent of location, create a new category.
- Click Add Item
- Select Insert Fancy Button
- Configure Background (Outer) and Background (Inner) options
- Note: You will want to have enough spaces before the name to ensure that the button is visible and that the name will not appear on the button image.
- Note: The Hover option is what appears when a user hovers over the button. See our article Create a Reactive Fancy Button to view how to make the Hover option a different image.
- Configure Text Style options
- To complete, click Insert Fancy Button
- Note: After you insert the button, it is still needed to Save or Save and Publish the button.
- Configure additional options
- Web Address: Add a link
- Open in new window: Open the link in a new browser window
- Display: Add a Starting On (publishing) date and a Stopping On (expiration) date
- Web Address: Add a link
- Select Save or Save and Publish
- Save: Saves changes as a draft
- Save and Publish: Saves changes, publishes to live view
Feedback About the Article
Let us know what was helpful or not helpful about the article below.2 comments
You didn't show how to build the button, only how to barely create it. How do yo set boarders, images etc?
Also hoping for a more detailed article on how to do this! Thank you
Please sign in to leave a comment.