Designed for the buttons inside the articles or custom type HTML Joomla! modules, the button styles offer size and color customization and adapt to every background type (light, clear, dark and color).
This is the button element. The button style provided by this template is:
To use it, insert the following code into your text editor:
<button class="favth-btn">...</button>
If you want to use the button with a link:
<a class="favth-btn" href="#">...</a>
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="fa fa-download"></i>
Download
</a>
© 2023 FavThemes