Header Image

Deactivating the Slider

If you wish to have a static header image on the homepage of your site rather than a slider you must ensure to disable the slider as the slider takes priority over the header image and will always display if active. To deactivate the slider navigate to Appearance > Customize > Slider and select “None” from the Slider dropdown.

Setting a Header Image

To select a Header Image to display on your homepage navigate to Appearance > Customize > Header Image.

Formatting the Overlay Text

Wrapping your overlay text in <h1> or <h2> tags will give it a heading style and wrapping it in <p> tags will give it a body style. For example the following HTML will produce the same result as the first slide on the CityLogic demo site:

<h2>Super Adaptable</h2>
<p>
Anything and everything you need
</p>

Adding a Button

To add a button to your overlay just add a normal HTML link to the URL you would like the button to direct to and give it a class of “button” like this:

<a href="https://www.outtheboxthemes.com/" class="button">Button Text</a>

Linking the Header Image

To link the header image to a page or post just select the page or post from the “Content to link to” dropdown list.

Text Overlay

You can set the opacity of the text overlay block using the Text Overlay Opacity setting.