Buttons in a Row Snippet

This snippet creates a row of buttons that link to other pages or websites. The default button style is the “blank” style. When hovering over the button it gets a gold fill. The button width changes to fit all buttons evenly in the available area and the height changes to fit all link text. Learn more about button color strategy.

Enter the text for each button, up to five, in the field.
1. Text only needs to be separated by a space as each link will become a button.
Link each button’s text to the appropriate place.
1. When you are creating the link, you can change the button from the default blank button style.
  1. In the regular editor in an Editable Region, from the Class dropdown you can choose Link Button Yellow to create a gold button that turns grey on hover or Link Button Black to create a black button that turns gold on hover.
  2. In the mini editor in an Asset or MultiEdit Content, choose (custom) in the Class field and enter the appropriate code in the Custom Class field for a gold, black, or teal button:
    1. button
    2. button-black
    3. button-teal

If your page has no left navigation and no right sidebar, you can use up to five buttons. If you have either the left navigation or right sidebar, only use up to four buttons. If you have both the left navigation and right sidebar, you can use up to three buttons.