The button style adapts for every background type provided by our templates:
The button style adapts for every background type provided by our templates:
The button style adapts for every background type provided by our templates:
Each button style can be further customized with additional sizes and colors:
This is the large button size. To use it, insert the following code into your text editor:
<button class="favth-btn favth-btn-large">...</button>
This is the default button size. To use it, insert the following code into your text editor:
<button class="favth-btn">...</button>
This is the small button size. To use it, insert the following code into your text editor:
<button class="favth-btn favth-btn-small">...</button>
This is the mini button size. To use it, insert the following code into your text editor:
<button class="favth-btn favth-btn-mini">...</button>
This is the favth-btn-info
button element. To use it just type the following code in your text editor. Make sure the code is added in the html mode.
<button class="favth-btn favth-btn-info">...</button>
This is the favth-btn-success
button element. To use it just type the following code in your text editor. Make sure the code is added in the html mode.
<button class="favth-btn favth-btn-success">...</button>
This is the favth-btn-warning
button element. To use it just type the following code in your text editor. Make sure the code is added in the html mode.
<button class="favth-btn favth-btn-warning">...</button>
This is the favth-btn-danger
button element. To use it just type the following code in your text editor. Make sure the code is added in the html mode.
<button class="favth-btn favth-btn-danger">...</button>
To use the Font Awesome icons with the button styles, insert the following code into your text editor:
<a class="favth-btn" href="#">
<i class="fas fa-download"></i>
Download
</a>
© 2025 Santa Lucía Golf Club