Button Settings


  • Type: (select) The type of button to display
    • Default: Form Submit
    • Possible Values:
      • Form Submit: A form submit button
      • Form Reset: A form reset button
      • Delete: Delete a blog post
      • Filter Button: A quick way to generate a button to filter the blog
  • Inline Button?: (checkbox) Check if the button is to be inline with an input field
    • Enable: When Type is set to submit
    • Default: false
  • Text: (input) The text for the button
    • Default: Save
  • Filter: (button-3) Filters to apply to the button
    • Enable: When Type is set to filter
    • Default: [false, false, false]
  • Author: (input) The author to filter by. This should be the URL friendly version of the author. All lowercase and replace spaces with dashes. You can supply mutlple values, separated by “|”
    • Enable: When Filter is set to true
    • Default:
  • Category: (input) The category to filter by. This should be the URL friendly version of the author. All lowercase and replace spaces with dashes. You can supply mutlple values, separated by “|”
    • Enable: When Filter is set to true
    • Default:
  • Tag: (input) The tag to filter by. This should be the URL friendly version of the author. All lowercase and replace spaces with dashes. You can supply mutlple values, separated by “|”
    • Enable: When Filter is set to true
    • Default:

  • Style: (select) The color scheme for the button
    • Default: Primary (Site Style)
    • Possible Values:
      • Primary (Site Style)
      • Secondary (Site Style)
      • Success (Site Style)
      • Alert (Site Style)
      • Swatch 1 (Site Style)
      • Swatch 2 (Site Style)
      • Swatch 3 (Site Style)
      • Swatch 4 (Site Style)
      • Swatch 5 (Site Style)
      • Swatch 6 (Site Style)
      • Custom
  • Text: (color) The color of the button text
    • Enable: When Style is set to custom
    • Allows Opacity: true
  • Button: (color) The color of the button
    • Enable: When Style is set to custom
    • Allows Opacity: true
  • Button Hover: (color) The color of the button when hovered over
    • Enable: When Style is set to custom
    • Allows Opacity: true

  • Size: (select) The size of the button
    • Default: Medium (default)
    • Possible Values:
      • Tiny
      • Small
      • Medium (default)
      • Large
  • Alignment: (select) The alignment of the button
    • Default: Left
    • Possible Values:
      • Left
      • Center
      • Right
  • Rounded: (select) The corener radius of the button
    • Default: Square
    • Possible Values:
      • Square
      • Round Corners
      • Pill
  • Ghost Button?: (checkbox) Make the button a ghost button
    • Default: false
  • Full Width?: (checkbox) Make the button expand to 100% width
    • Default: false
  • Remove Bottom Margin?: (checkbox) Remove the bottom margin that is added to button by default
    • Default: false
  • Align Center on Mobile?: (checkbox) When selected it will center the text for mobile
    • Default: false