Inner Page Header Dimensions and Background

To customize the appearance of the inner page header background you have to access the Header Settings -> Inner Pages Header Background section in the Customizer. It is also recommended that you have a subpage or a blog page open in the Customizer - if you have the front page open you won't be able to see the changes you make as they don't apply to the front page.

This section is split into 3 subsections:

Header Background Options - here you can set the background type and parameters
Header Overlay Options - here you can customize the overlay that is shown over the background
Header Separator - in this section you can add and customize a graphical separator to add a nice visual effect to your header

Header Background Options

Background type - you can choose between 4 types of background:

image
gradient
video
slideshow

Image background settings:

Background position - this parameter controls the alignment of the background image
Background image - this is the image that will be displayed as background

Gradient background settings:

After choosing the "gradient" background type you can click the "Change Gradient" button and a popup window will open, showing all the available gradients - you can choose any of the gradients listed there. Over 140 gradients are available.

Slideshow background settings:

Header Slideshow Images - this is a list of images that will be used for the slideshow background - you can add or remove images and you can also change their order
Slide Duration - this is the amount of time (in milliseconds) that an image is visible during the slideshow
Effect Speed - this is the speed (in milliseconds) of the fade effect used to switch the images in the slideshow

Video background settings:

Self hosted video - if you want to use a self hosted video you have to upload the MP4 file to your media library and select it here - if you want to use an external video (Youtube, Vimeo, etc) you should leave this empty
External video - this is the URL of the external video you want to use (usually a Youtube or Vimeo link)
Video poster - this is an image that will be shown while the video is loading and it will be also shown on mobile devices that don't play video backgrounds

Header Overlay Options

The header overlay is a semi transparent color that is show on top of the background to obtain a nice visual effect.

Show overlay - uncheck this checkbox if you don't want to display an overlay
Overlay color - this is the color of the overlay
Overlay opacity - this is the opacity level of the overlay (0 is fully transparent and 1 is fully opaque)

Header Separator Options

The header separator is a graphical element that separates the header form the content.

Show header separator - uncheck this checkbox if you don't want to display a separator
Separator type - this is basically the shape of the separator - there are many shapes available and you can choose the one that fits your header best.

Separator height - this is the height (in pixels) of the separator