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 Heading

Headings are phrases at the beginning of a section that explain what it’s about. Correct use of headings on a page helps quickly communicate what a web page is about. They help visitors quickly scan a page to determine whether it looks relevant for them. The GotHeading Widget allows you to create stylish title headings.

Example of GotHeading:

How to add a GotSport GotHeading
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 GotHeading 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 GotHeading into the section and release. Your GotSport Events will automatically load onto the page.

Editing GotHeading Widget

Click on the widget handle to pull up the edit screen in the left panel.

Here you can do the following:

  • Change the Heading style
  • Include or hide the Pre-TItle
  • Select Heading Color
  • Add/Edit Underline
  • Change text alignment

When finished, select Update/Publish at the bottom bar of the Left Panel

Heading Style
Use the dropdown to pick which style you want for your heading

Add Pre-Title
Toggle on or off to show or hide the pre-title

Pre Title
Type your Pre-title text

Select Pre Title Color
By default, your pre title is your main theme’s secondary color. You can easily change the color by selecting the square icon and selecting a color from the pop up.

Title
Type your Title text

Type of Heading
Headings come in six levels: H1 through H6, of which headings H1, H2 and H3 are most frequently used. Use the drop down to select the level of your heading. By default, the heading level is H1.

Select Title Color
By default, your title color is black. You can easily change the color by selecting the square icon and selecting a color from the pop up.

Add Underline
Toggle on or off to show or hide the underline

Underline Color
By default, your underline color is your main theme’s secondary color. You can easily change the color by selecting the square icon and selecting a color from the pop up.

Underline Thickness
Use the slider to determine the thickness of the underline

Underline Width
Use the slider to determine how wide (or how long) you want your underline to be

Underline Margin Top
User the slider to determine how close or how far away you want your underline to be from the title

Text Alignment
Choose alignment left, center or right. This will move all elements in the title