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.
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).
Image / Video
Navigate to the
Image / Video Tab.
Masthead Choice field to choose between
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.
Navigate to the
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
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.