Tyler

  1. Home
  2. Docs
  3. Tyler
  4. Frequently Asked Questions
  5. How to Add Buttons and Columns

How to Add Buttons and Columns

In order to add buttons such as on our demo page, you will need to use HTML.

This is the code for all the buttons you see on the demo:

This is a Normal Button:

<button class="btn">Button</button>

These are other styles:

<button class="btn btn-primary" style="color: #ffffff;">Primary</button> 

<button class="btn btn-secondary" style="color: #ffffff;">Secondary</button>

<button class="btn btn-lg btn-primary" style="color: #ffffff;">Big blue</button>

<button class="btn btn-primary" style="color: #ffffff;">Medium blue</button>

<button class="btn btn-sm btn-primary" style="color: #ffffff;">Small blue</button>

<button class="btn btn-lg btn-secondary" style="color: #ffffff;">Big Pink</button>

<button class="btn btn-secondary" style="color: #ffffff;">Medium Pink</button>

<button class="btn btn-sm btn-secondary" style="color: #ffffff;">Small Pink</button>

 

Notice that

 

style="color: #fffff;"

 

is the colour of the text inside the button

If you would like to change the colour of the button, you could so by editing the CSS. You will need to do that from FTP by accessing the folder css->schemes and then the name of the palette you chose.

In order to add columns of text, you can copy this html text and edit it:

<div

 class="row row-sm" style="color: #242424;">
<div class="col-md-3">
<h3>Column 1 Title</h3>
This is the text of column 1
</div>

<div class="col-md-3">
<h3>Column 2 Title</h3>
This is the text of column 2
</div>

<div class="col-md-3">
<h3>Column 3 Title</h3>
This is the text of column 3
</div>

<div class="col-md-3">
<h3>Column 4 Title</h3>
This is the text of column 4
</div>
</div>
Was this article helpful to you? Yes No