Video tutorial for how to manage custom hero header media options

The theme allows you to set global header for all pages, posts, properties, agents, taxonomies, archive pages.

This is managed from Theme Options -> Header Settings.

Help – http://help.wpresidence.net/article/global-header-options/

Custom Header Media Options

For every page you can choose a different header media option from this list:

  • GOOGLE MAPS,
  • REVOLUTION SLIDER,
  • THEME SLIDER,
  • IMAGE,
  • VIDEO 
  • NO HEADER

In the backend of the page in Appearance options,  you will also find more options that are related to Hero header appearance.

You have the option to enable/disable transparent header and transparent top bar, and settings for search over header.

Image Header

If an image header is selected, you will need to upload your image:

After the image is uploaded you will be able to set the image to be full screen, set the image as a cover or contain (the cover option will display the image as background / the contain option will use the original size of the uploaded image but you might have borders near the image) You can add title and subtitle, image height and set an overlay color and it’s opacity.

Help: how to add image in header – http://help.wpresidence.net/article/1-30-3-header-image-and-parallax-effe/

2. Theme Slider

The listings that will show are managed from the Theme Options-General-Theme slider

 

Theme slider type 1

Theme slider type 2

Theme slider type 3

Revolution Slider

The plugin Revolution Slider is included in the theme and you can use it as it is, without buying a license.

You DON’T need a buyer license to use these plugins. We purchased an extended license we give all our clients plugin updates through theme updates. There is only one license per purchase – so only we can use this license to get the updates and then share the update with our clients.

You can create your own slider or use an already built demo slider that can be found in the theme pack.

 

This is the Revolution slider video tutorial:

You will need to add the alias name of the slider that you wish to use. The alias name can be found in the Revolution slider-edit slider section

 

 Map header

When you set Maps as a custom header the coordinates of the landing point need to be added, if you do not need custom settings, leave blank and the general options will apply. Also the map zoom level can be set, as well as map height when closed and map height when opened.

The global settings are managed in Theme Options-Map-Map settings:

To find out Latitude and Longitude for Google Maps, starting point go to Google Maps, find your location, click right on the location on the map and click “What’s here”. Coordinates will show in the search bar on top.

coordinates

Important – these pages: advanced search results, properties list, taxonomies pages behave differently if google maps is set as header option.The map pins and properties in list are in sync. For this feature, the map will change automatically the zoom to display all the pins from list in the map view. Because of this, the manual zoom you set in theme options google maps settings or in page options google maps options will be disregarded.

Video Header

For the video header, you can add self-hosted video in mp4, WEBM, OGV versions. You can include a cover image (in case the video is not supported on specific devices – browser-related situations).

As design options you can choose to make the video header full screen or fixed height, you can add an overlay color (choose your color with a color picker tool) and set the opacity value for the overlay color.

If you use Image or Video in header you can enable this option to detect user location on homepage

Demo – https://london.wpresidence.net/

Help: How to add video in the header – http://help.wpresidence.net/article/1-30-3-video-header-option-for-each-page-post/