Customize the Zeal Homepage Banner

June 9, 2017


The large banner at the top of your Zeal frontpage is called the Jumbotron. To edit this content, go to Customize > Jumbotron in your WordPress dashboard.

There are three ways to configure this display:

A Slider with up to 5 images

Select Jumbotron Settings. For Jumbotron Style select “Slider”. Then go to Customize > Jumbotron > Slider Images. Upload up to five images.

One Parallax Image

Select Jumbotron Settings. For Jumbotron Style select “Static Image”. Then go to Customize > Jumbotron > Static Image > Use Static Image. Upload an image from your computer.

A solid background color, with no image:

Select Jumbotron Settings. For Jumbotron Style select “Static Image”. Select Customize > Jumbotron > Static Image > Use Background Color. Select the color from the color picker.

To set the text and button links over the Jumbotron, go to Jumbotron Settings, and scroll down to “Banner Heading”.

From here you can also modify:

  • the colored filter over the image
  • slide delay timing
  • slide transition effects (8 options)
  • slide loader style
  • previous and next buttons
  • The text on the Jumbotron (“Banner Heading,” content and font size)
  • The Banner subtitle
  • Button text and links
  • Disable the Jumbotron

Was this article helpful to you?