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.
- 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