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
<h3> tags will give it a heading / sub-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 Tropicana demo site:
<h2>On an Island in the Sun</h2>
<h3>We'll be playing and having fun</h3>
When you're on a golden sea, you don't need no memory
Just a place to call your own, as we drift into the zone
<a href="https://www.outtheboxthemes.com/" class="button">Read More</a>
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.
You can set the opacity of the text overlay block using the Text Overlay Opacity setting.