Do you want to share your upcoming tournaments with your players? Right for that purpose SpringBuilder offers Tournaments element which is available from the Elements list in the Left Panel. Just drag and drop it to the Crafting Area and start customizing it to your needs.
To edit the settings of the element just click on it and hit Tournaments Settings.
Here you have two options here: General Settings and Border Settings.
In General Settings tab, you can define the number of Tournaments Per Page, set Load More Button Distance, hide or show ‘Load More’, and choose its Text and Style.
In Border Settings tab, you can set the radius of the Main Border, as well as of the borders of the existing buttons: Join, Play Now and Practice.
Don’t forget to hit ‘Save’ when finishing the customization process.
Now let’s pass into the style settings of the element clicking on it and hitting Edit Styles.
These settings allow you to customize Text colors, Background Colors and Border Colors. Go ahead and choose the colors you prefer most.
In Text Colors tab you can customize the colors of various textual components shown on the screenshot below.
In Background Colors tab you can set the background colors of the available buttons and components.
The last one is Border Colors tab from where you can define the border colors of the components shown on the screenshot.
After customizing Tournaments Element in general, let’s explore every single tournament settings separately and customize them as well. For that purpose, click on the title of the tournament and start the editing process.
To edit the settings of the single tournament click on it and hit Tournament Settings.
Here you have three options of settings available: General, Font and Border. Let’s dive into each one separately.
In the General Settings tab you can define Games Title Alignment: right, center or left, change the number of Games Per Row, and define Load More Button Distance.
You can also hide/show Load More Button and customize it by changing Load More Button Text and Style. Besides, you can hide/show Practice Button. Don’t forget to hit ‘Save’ when done with the changes.
Up next comes the Font Settings tab where you can change the font sizes of different components of the tournament: Prize Fund Font Size, Tournament Name Font Size, Countdown Font Size, Join Font Size and Games Title Font Size. Just move the pointers left or right or set the pixels manually to set up fonts for single tournament
In the Border Settings tab you can change border radius of different components of the tournament: Banner, Countdown, Join, etc. Here again, you just need to move the pointers left or right or set the pixels manually.
As you are done with the General settings, let’s pass into its style settings. Just click on the tournament and hit Edit Styles.
Here you have three options available: Text Colors, Background Colors and Border Colors. Go ahead and customize each one according to your preferences.
In the Text Colors tab you can define the colors of different textual components of the tournament: Prize Font, Tournament Name, Join, etc. Play with the available coloring options to get your desired view.
The next one is the Background Colors tab from where you can set the background colors of different components of the tournament: Banner Overlay Color, Countdown Background Color, Join Background Color, etc. All the coloring options are under your preferences.
In the Border Colors tab you can choose your favorite border colors for different components of the tournament.
Alignment - To change the 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 making 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 on your website.
Trash Icon - If you don't need the Element anymore, Click on the ‘Trash’ icon to remove it from your page.
That’s it! 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!