Intro to Template Aesthetics
This article will cover the different aspects of Template Aesthetics in the Template Editor.
Template Aesthetics are used to configure the background of your Template. In this section, you can set a Background Image, Background Color, and choose a Grid overlay to assist with asset placement.
Adding a Background Image
1. To choose a Background Image, click the Browse button next to the Background Image field.
Here, you will be able to select one of the existing Background Images in the system or upload a new one into MediaHD from your computer. You can Search for your Image in the top right corner of the new window, and Preview Images before selecting them by clicking the Magnifying Glass icon.
NOTE - Only Images flagged as a Background Image will appear in this window. You can find the toggle button when Editing an Image in MediaHD.
2. Once you’ve made your selection, click Select Media.
3. Click Save Template and your background image will appear in the Template preview screen below.
Removing a Background Image
To remove a Background Image, click on the Red X to the right of the Background Image field; then click Save Template to save the changes.
Adding a Background Color
If you are looking to have a solid color as your background, or would like to add color to a transparent Background Image, you can choose an appropriate color using the Background Color option.
The default Background Color is White, but when you click on the field, you can either enter in your RBG Hex Code or choose from the Palette of Colors that are available in the dropdown.
Removing a Background Color
To reset a Background Color to Default White, click on the Red X to the right of the Background Color field; then click Save Template to save the changes.
Grid Overlay Options
The Template Grid is used as a visual marker to assist with your layout.
The Grid will not show up in Previews or Playback, and is more a tool in the system to align your assets on your Template. It is not a snap grid, so you can freely move assets around during editing.
There are multiple options to choose from, even those to assist with video wall layouts, but the Default option is the Big Open White Area with a Grey Border, helping to show where your Primary and Secondary Assets should be positioned, respectively.