Global Header Settings
The global header for all pages and posts is set from: Theme Options → Header → Hero Media Header
Important Notes:
- Properties pages are excluded.
- Dashboard pages are excluded.
- Half-map design does not support a custom header.
Summary
There are 5 options for Hero Media Header:
- Static Image
- Theme Properties Slider
- Revolution Slider
- Maps
- None
These can be applied from Theme Options:
- Globally, to all pages
- To all property category/taxonomies
- To all owners’ individual profile pages
- To all blog posts
They can be overwritten for specific pages from Edit Page → Header Options by switching the “global” option to one of the dropdown choices.
Global Hero Header Media Options
Hero Media – Static Image
- The static image URL must be added in the designated field.
- Use a wide image since it will display full width.
- The design maintains the original image height, adjusting proportionally based on screen width.
Hero Media – Theme Slider
- If you choose Theme Slider, select your properties from Theme Slider Settings.
- Choose the slider design type from the same settings.
- More details: Theme Slider Help
Hero Media – Revolution Slider
- If you choose Revolution Slider, add the slider name.
- The slider name is the Alias field from Revolution Slider → Slider Settings.
- More details: Revolution Slider Guide
Hero Media – Maps
- If you select Maps as the global header, modify settings from Theme Options → Maps Configuration
- More details: Maps Configuration
Transparent Header options for Hero Media Header
The transparent header is a design feature where the background of the header (which typically contains elements like navigation, logo, and menu) becomes see-through. It can be used to create a more visually appealing design if used in the right combination
WpRentals has 2 options to manage transparent header in Theme Options
- Enable Transparent Menu Over Header for All Pages
- Enable Transparent Menu for Properties Page
This can be overwritten for each individual page from Edit Page.
Global Hero Media Header Options for Pages
From Theme Options->Header -> Hero Media Header you can choose as a global hero media header for all pages (created from Wp-admin -> Pages)
Hero Header Media for Property Category & Taxonomy Pages
Properties categories (taxonomies) header media is managed from Theme Options->Header -> Hero Media Header.
More on Property Categories / Taxonomies here.
Property Taxonomies support two layouts:
- Half Map
- Standard
For Half Map:
- Select Maps as the Hero Media Header.
- No other option will apply.
For Standard:
- You can select None, Image, Theme Slider, Revolution Slider, or Maps.
- If you wish to use a global image, make sure you enable these 2 options at the same time –
Hero Header Media Header for owners
The global header control for owner pages is set from: Theme Options → General → Header -> Hero Media Type of Owners Page
Hero Header Media Header for Blog Posts
The global header control for blog article pages is set from: Theme Options → General → Header -> Hero Media Header Type for Blog Post?
How does Hero Header Media Apply.
- Theme options Hero Media Header will apply for Hero Media header if you have “Global” set in Appearance Options.
- You must have the header set to Global from the pages that support custom headers (Owners, Blog Posts, Pages).
Custom Header Media Options
Hero Media Header can be overwritten for specific pages from Edit Page → Header Options by switching the “global” option to one of the options from the dropdown.More here
- Video
- Image
- Theme Slider
- No Header
- Google Maps
- Revolution Slider
Video Header
- Supports self-hosted video in MP4, WEBM, OGV formats.
- Includes an optional cover image for devices that do not support video.
- Design options:
- Fullscreen or fixed height.
- Overlay color with opacity control.
Image Header
- Can be fullscreen or fixed height.
- Supports an overlay color with adjustable opacity.
- Background style options: Cover or Contain.
- Option to enable parallax effect globally.
Properties Theme Slider
- Configure from Theme Options → Theme Slider Settings.
- More details: Theme Slider Help
Maps Header
- Set custom latitude and longitude from Google Maps.
- Enable ByPass fit bounds to use custom coordinates and zoom settings.
- Configure height, zoom level, and other settings in Theme Options → Maps Configuration.
- More details: Maps Configuration
Revolution Slider
- Create a slider in Revolution Slider Menu.
- Enter the Alias name in the custom header settings for each page.
- More details: Revolution Slider Guide
Transparent Header Settings Per Page
- Set transparency for each page from Transparent Header – YES/NO in custom header settings.