1. Hello Guest!

    Thank you for visiting the ClubRunner Community website, you can login using your ClubRunner account information by clicking the login link on the top of every page.
    Dismiss Notice

How do I create a button in a widget or story?

Discussion in 'Website Customization' started by David H. on Jul 20, 2017.

  1. David H.

    By:David H.Jul 20, 2017
    ClubRunner Team

    Jun 10, 2017
    Likes Received:
    Oakville, ON
    If you are using our new "Next Generation" themes you could add code into a widget or story to create a button.
    To learn about our Next Generation themes please read the article called:
    Next-Generation Website Themes Guide

    The buttons look like these:
    The color depends on the theme color you are using. To learn how to add a button, please follow the steps below:

    1. While editing a story or widget please click on the "Source" button on the tool bar.
    2. In the code, try to find the content were you would like the button to be located. Put your cursor behind the content.
    3. Copy and paste the following code including the "<" and ">".

    Primary Button (Solid Color):

    <a class="btn btn-lg btn-primary" href="http://www.google.com" style="width: 200px;>Go To Google</a>​

    Secondary Button (White):

    <a class="btn btn-lg btn-info" href="http://www.google.com" style="width: 200px;>Go To Google</a>​

    4. After you paste the code please change "http://www.google.com" to the URL or address that you want it linked.
    5. Rename the button by changing "Go To Google" to what you want.
    6. Once done click "Source" to go back to normal.

    To learn more about these buttons, please click on the following link:

    To learn how to create columns using bootstrap, please click on the following link:
    Anita Graham and Ted Faigle like this.