Buttons

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)

1class="btn cta-btn"

REQUEST A QUOTE

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)

1class="btn cta-border-btn"

REQUEST A QUOTE

Secondary Button

Use class=”btn” together with class=”secondary-btn” to create a secondary button.

1class="btn secondary-btn"

VIEW TEAM PROFILE

Secondary Bordered Button

Use class=”btn” together with class=”secondary-border-btn” to create a bordered secondary button.

1class="btn secondary-border-btn"

VIEW TEAM PROFILE

Bordered Button

Use class=”btn” together with class=”border-btn” to create a primary bordered button inherting the theme colour scheme.

1class="btn border-btn"

GET IN TOUCH

White-Bordered Button

Use class=”btn” together with class=”white-border-btn” to create a primary bordered button with white color styling.

1class="btn white-border-btn"

GET IN TOUCH

Tertiary Button

Use class=”btn” together with class=”tertiary-btn” to create a button that inherits the tertiary button theme styling (usually green)

1class="btn tertiary-btn"

RETURN TO HOMEPAGE

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)

1class="btn tertiary-border-btn"

RETURN TO HOMEPAGE


Tags: