Learn how to position and style buttons in Shogun's drag and drop page builder.


-Use containers like columns to position and size buttons.
-Enter Button text and links using the text and href fields.
-Use the Default, Hover, and Active tabs to style button font and backgrounds for different button states.
-Use tips from the Mobile Responsive and Centering tutorials to make buttons look good across all screens.


The option to change a button's font will soon be coming to Shogun. In the meantime, you can customize a button's font by adding the following code into an HTML element on your page:

<style type="text/css">
  .shg-btn {
    font-family: 'Your Font Name Here';
  }
</style>
Did this answer your question?