Ultima Gaming Component – Masthead

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.

Masthead Component

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

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.

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

Image / Video

Navigate to the Image / Video Tab.

Use the Masthead Choice field to choose between Image or Video mode.

In Image Mode, upload an image to the Image field. Dimensions should be at least5 1920 x 1080px.

In Video Mode, copy and paste a YouTube video ID (the code on the end of the URL after ?v=) into the Video field. Depending on the video size, you can adjust the Video Zoom field to get rid of any black bars. 1.4 often works well.

Logo

Navigate to the Logo Tab.

Upload your logo to the Logo field and adjust the width with the Logo Image Width slider.

You can change the position of the logo with the Logo Position field.

Adjust the Logo Border Width, Logo Border Radius and Logo Border Color if you please. You can also set a Logo Background Color.

You can force your logo to be a circle by setting Logo Border Force Circle to Yes.

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.