Ultima Gaming Component – Matches
Our Ultima Gaming theme comes with over a dozen different components that can be pieced together in a variety of different layouts.
We're going to detail each and every component so that you're properly equipped to setup and configure your very own Ultima Gaming WordPress website in the way that suites your needs.
First, if you have already checked out some of our Ultima Gaming Demo sites and you want to replicate the layouts you see there, head over to our Complete Guide to Importing Ultima Gaming Demo Sites.
To get started, head to your page and under
Flexible Template, find
Add Section in the bottom right. Click
Add Section and select
Navigate to the
Content Tab to view the content fields for this component.
Most of our components come with the ability to add heading text, sometimes spanning over multiple lines.
Customize your headers with the
Text field and optionally change the colors of your headers with the
Color field. Headers that span multiple lines will be labelled
Line 2 etc.
You can leave a
blank to display no header at all. Leaving the
blank will make your headers the default color, based on the Color Settings you have set.
Most components have a main
Content field set to WYSIWYG (what you see is what you get). WYSIWYG fields give you full control of you content by allowing you to change things like font, font-size, color, text decoration etc.
You can expand the WYSIWYG field with more options by clicking the
Toolbar Toggle key or using the shortcut (shift+alt+z).
Match Dates, click
Add Match Date to begin adding matches. Use the
Match Date field to select a date for your Match and then click
Add Match. You can add multiple matches under a single date, or add multiple dates.
Under Matches, you can configure
Team One and
Match Status to
Finished, depending on when the match is taking place.
Team One and
Team Two, you can configure the
Team Logo and
Team Nationality. If the
Match Status is set to
Finished you can also set the
Team Nationality accepts two-letter country codes and converts them to the corresponding flag. EG
Most of our components come with the ability to add buttons to your component. Navigate to the
Buttons Tab and click
Add a Button to get started.
Configure your button with
Button Text, which should all be self-explanatory fields. If you need more information on buttons check out our Complete Guide to Ultima Button Settings.
All of our components comes with some advanced layout options that allow you to customize the look and feel of each component. Navigate to the
Layout Options Tab to view your layout options for this particular component.
Many of the components share the same layout options, like
Background Color etc which you can read more about in our Complete Guide to Ultima Layout Options.
All of our components come with animations that kick in as you scroll up and down the page. Navigate to the
Animations Tab and toggle the
Animations field to
No turn disable animations for this component.