The LSX WordPress theme makes it super-easy for you to add buttons to your website. Using simple Bootstrap classes, you can insert professional-looking buttons into content anywhere on your LSX website.
Adding buttons to your LSX website using Bootstrap classes
When creating buttons, the colour of your buttons will be determined by the main theme colours you’ve specified in the LSX customizer.
1. Add the button text to an anchor tag. For example:
1 | <a href= "/contact/" >Request a Quote</a> |
2. Add the button classes to the anchor tag. For example:
1 | <a class= "btn btn-lg btn-primary" href= "/contact/" >Request a Quote</a> |
CTA Button
Use class=”btn” together with class=”cta-btn” to create a button with an attractive Call-to-Action colour scheme and size. Use these buttons to attract attention to important links (eg – Book Now)
1 | class= "btn cta-btn" |
CTA Bordered Button
Use class=”btn” together with class=”cta-border-btn” to create a button with an attractive border for your Call-to-Actions. Use these buttons to attract attention to important links (eg – Book Now)
1 | class= "btn cta-border-btn" |
Secondary Button
Use class=”btn” together with class=”secondary-btn” to create a secondary button.
1 | class= "btn secondary-btn" |
Secondary Bordered Button
Use class=”btn” together with class=”secondary-border-btn” to create a bordered secondary button.
1 | class= "btn secondary-border-btn" |
Bordered Button
Use class=”btn” together with class=”border-btn” to create a primary bordered button inherting the theme colour scheme.
1 | class= "btn border-btn" |
White-Bordered Button
Use class=”btn” together with class=”white-border-btn” to create a primary bordered button with white color styling.
1 | class= "btn white-border-btn" |
Tertiary Button
Use class=”btn” together with class=”tertiary-btn” to create a button that inherits the tertiary button theme styling (usually green)
1 | class= "btn tertiary-btn" |
Tertiary-Bordered Button
Use class=”btn” together with class=”tertiary-border-btn” to create a bordered button that inherits the tertiary button theme styling (usually green)
1 | class= "btn tertiary-border-btn" |