Buttons
Buttons may be used to add additional styling to links. Some snippets are pre-coded to present links as buttons. When adding links to pre-style Snippets, make sure that the buttons styling is consistent for all links within that Snippet.
To insert a button:
- When in Edit mode, click to place your cursor at the location you want to add this feature.
- From the editing toolbar, select "Insert Snippet."
- Sort Snippet categories to "[Fierce] Buttons."
- Click the button you want to insert and select "Insert."
- The "Insert/Edit Link" tool in the editing toolbar may be used to edit link text, URL and to modify the custom class.
[Fierce] Button - Gold
Width will expand to accommodate text; if inserted into a grid, the text will wrap when it reaches width of container.
To manually converted a text link to this button style, change this custom class to the link encoding: btn btn-yellow
[Fierce] Button - Gold - Full Width
Width will expand to full width of the container it is placed in.
To manually converted a text link to this button style, change this custom class to the link encoding: btn btn-yellow btn-block
[Fierce] Button - Light
This button is intended for use with grids or snippets containing a dark background.
Width will expand to accommodate text; if inserted into a grid, the text will wrap when it reaches width of container.
To manually converted a text link to this button style, change this custom class to the link encoding: btn btn-light
[Fierce] Button - Purple
Width will expand to accommodate text; if inserted into a grid, the text will wrap when it reaches width of container.
To manually converted a text link to this button style, change this custom class to the link encoding: btn btn-purple
[Fierce] Button - Purple - Full Width
Width will expand to full width of the container it is placed in.
To manually converted a text link to this button style, change this custom class to the link encoding: btn btn-purple btn-block