LinkedIn

You might need to upgrade your club website package to access the GotSport Widgets. To learn more about the different packages we offer, CLICK HERE

GotSport Button
You are probably thinking, ‘Why should I use GotSport’s button widget?’. Well one reason – other than its extremely easy to use – is you do not have to go back and forth making sure your buttons are the same color. GotSport’s button widget allows you to automatically pull your main theme’s primary or secondary color – this saves precious time when building your website.  If you do not want to use your primary color or secondary colors, then of course you can also choose a custom color.

How to add a GotSport Button
GotSport Widgets are found when you are editing your page through Elementor.

  1. If you have not yet opened the page/news post you would like to add the GotSport Button widget to, go ahead and click on “Edit with Elementor”

2. On the next page, scroll down the widget panel until you see the category ‘GotSport Custom Widgets‘ – click the arrow to expand

3. Drag the ‘GotButton’ widget into the section and release.

Editing GotSport Button Widget

Click on the widget handle to pull up the edit screen in the left panel. Here you can do the following:

  • Add Text to your button
  • Insert Page/Post/URL for Button Link
  • Select Button Style
  • Select Button Color – Primary, Secondary or Custom color
When finished, select Update/Publish at the bottom bar of the Left Panel

Button Text
Text On the Button.

Button Link
This is where you can insert the URL you want visitors to go to when they click on the button

Button Color
Select the color of the button by using the drop down. If you choose custom a ‘Custom Color’ line will appear. From there you can easily change the color by selecting the square icon and selecting a color from the pop up. By default your button’s color pulls from your Main Theme‘s Primary & Secondary colors.

  • Tip: You can change all of your primary & secondary button colors through Advanced Color Settings without changing your Main Theme Settings. (This overrides your Main Theme’s primary & secondary color)

Button Alignment
Choose if you want your button left, center or right of the section