Buttons can be added with the QT: Button widget but also with a shortcode. The default button shortcode can be used as follow:
[qt_button href=”https://youdomain.com/page”] Text on Button [/qt_button]
You can add different attributes to the shortcode to change the styling:
Style: Change the look of the button; use primary or outline
Example: [qt_button style="primary"] Text on Button [/qt_button]
Icon: Add a FontAwesome icon to the button
Example: [
qt_
button icon="fa-cog"] Text on Button [/qt_button]
Target: Link the button to a new window, or not. To link in the same use _self or new _blank window
Example: [
qt_
button target="_self"] Text on Button [/qt_button]
Edges: Makes the edges of the buttons rounded
Example: [
qt_
button edges="rounded"] Text on Button [/qt_button]
Fullwidth: Makes the button fullwidth
Example: [
qt_
button fullwidth="true"] Text on Button [/qt_button]
Text Color: Change the text color:
Example: [
qt_
button color="white"] Text on Button [/qt_button]
Background Color: Change the background color:
Example: [
qt_
button background="red"] Text [/qt_button]
Border Color: Change the border color, useful for the outline button:
Example: [
qt_
button border_color="red"] Text [/qt_button]
Custom Class: Add a custom class to the button
Example: [
qt_
button custom_class="class-here"] Text [/qt_button]
On the Font Awesome website you can see all available font classes you can use.