Header Image

With Tropicana Premium it’s possible to add a header image to any of your pages using the Header Image field located down the right hand side of the edit page. Below it you will find a Header Image Text field which is where you can place any text that you would like to appear on the header image.

Formatting the Header Image Text

Wrapping your header image text in <h1>, <h2> or <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>
<p>
When you're on a golden sea, you don't need no memory
</p>
<p>
Just a place to call your own, as we drift into the zone
</p>
<p>
<a href="https://www.outtheboxthemes.com/" class="button">Read More</a>
</p>

Adding a Button

To add a button to your header image 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>