All Collections
Gaming Elements
Selected Sports Games Element
Selected Sports Games Element

Give a space to the Selected Sports Games on your SpringBuilder website.

Karen Sahakyan avatar
Written by Karen Sahakyan
Updated over a week ago

We all know that there are some games that deserve a special place in your betting website. Your users will see the odds and details of the games immediately without navigating to the Sportsbook.

In this case, you need to add Selected Sports Games element from the Left Panel into the Crafting Area. You can adjust the Element in all the possible ways: from the layout to the game search.

Game List

So, the first step would be adding the desired game/s. Click on the Game List to search for them.

Once you find the wanted game, mind that you can also add a background image for each one. Easy and eye-catchy!

Edit Settings

Let's pass to the Settings of the element. Here you have a number of possibilities that will customize the Element to fit your needs.

In the General Settings, you can enable vertical alignment of games, display team logo, team shirt, or only name, turn the layout into grid and list. As the selected games finish, you can turn on the functionality of showing games after suspension. There are two game types: Upcoming and Popular that can replace finished games in the element. Just turn on/off Show Games after Suspension switcher. You can also include live games if you turn on the Show Live Games switcher.

Also here determine the number of games per view, vertical padding of games, border radius, border width, odds border radius, and width.

Bear in mind that you can customize the mobile settings of the element as you turn on Custom Mobile Settings.

Font Settings include choosing font family, size and weight for Teams, Leagues, Date, Time, and Odds. Also, get to choose logo size and the distance between the logo and text of the element. Do not forget to customize mobile settings by enabling Custom Mobile Settings.

In the Shadow Settings add corresponding shadows, shadow blur and spread or just add a color to them.

In the Slider Settings, you are allowed to enable the slider on the desktop with or without slider arrows and animation. We have created special slider animations for your SpringBuilder website. Those include also exit animations so as you have a variety of choices to make it impressive. Here is the list of animation types:

Aside from that, you can enable Autoplay and Async loading features. All these settings apply to the mobile version of your SpringBuilder website.

Edit Styles

Now all are set and what's left to be done is take care of the element’s design. Just click on Edit Styles and customize each component's coloring.

Alignment - To change alignment settings of the element, click on the ‘Alignment’ icon you’ll have three options available: top, center, bottom, just choose the one, you prefer.

Visibility Settings - It enables making a certain Element/Block appear on Desktop, Mobile only, or everywhere by default. Simply hit Visibility Settings and choose the desired option from the dropdown menu to get full control over the Visibility of the elements on your page.

Next comes Location visibility. Include or exclude specific cities or countries or set the appropriate Custom IP.

Mind the Session visibility as well. The latter one, allows to make certain elements visible only to the logged in users of your website. This can come in handy if you want to hide some content from users until they sign up to your website.

Trash Icon - If you don't need the Element anymore, Click on the ‘Trash’ icon to remove it from your page in a blink of an eye.

Check out the rest of the elements out there in the Gaming Elements section to make your site more efficient, functional as well as eye-capturing! New updates are on the way!

Did this answer your question?