Ultima Gaming Component – Grid

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.

Grid Component

To get started, head to your page and under Flexible Template, findAdd Section in the bottom right. Click Add Section and select Grid.

Content

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 1, Line 2 etc.

You can leave a Text field blank to display no header at all. Leaving the Color fields blank will make your headers the default color, based on the Color Settings you have set.

Grid

Navigate to the Grid Tab to begin adding grid items.

The Grid component is one of the most powerful components and can be used for a variety of different layouts.

Add a grid item with the Add Grid Item button in the bottom right.

Each grid item has the following fields under the Content Tab on the left.

Add a title with the Text and Color fields.

Add an image with the Image field. Ideal dimensions are 400x400

Add WYSIWYG content with the Content field.

Click Add a Button to begin adding buttons.

Each grid item can also have social links, found under the Socials Tab on the left.

Buttons

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 Buttons Options, URL and 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.

Layout Options

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 Section ID, Background Image, Background Color etc which you can read more about in our Complete Guide to Ultima Layout Options.

Animations

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.