How To Change The Background-image Size Of Header In Hestia

With the Total theme you tin easily ready the page header championship area to brandish with a large background image either globally or on a per-page ground.

Consequence

Beneath is an example consequence you tin can await from using the Background Prototype page title style:

page-header-background-image-example

Global Page Header Title Background

To set your global folio header title background style y'all volition want to log into WordPress and become to Advent > Customize > General Theme Options > Page Header Championship . From this panel you can select your desired mode and you'll desire to cull "Background Image".

One time you set the mode to "Background Image" curl downwards a bit to locate the setting to ascertain your background image. Here you lot tin as well select if y'all want your posts and pages to automatically display their featured prototype as the background.

Typography: When using the Global page header championship style yous can customize your font size, font weight, line height and other typography settings for your page header title via the settings at Customize > Typography. You will find options for the page championship, breadcrumbs and subheading. This settings only use to the Global folio header title way so they don't conflict when setting a custom championship fashion on a per-page footing.

Single Page/Mail service Title Background

Simply go to edit whatever page or postal service, discover the settings metabox and click on the "Championship" tab then from the "Title Style" selection select "Background Image".

Of import: When yous set a custom page header title style on a per-page basis they will utilise their ain styling. This means the Customizer typography or other Page title settings volition non affect the design. This is to forestall issues when yous mode your global page header style from affecting the look of each dissimilar page title style.

total-title-background-image

This will display more settings beneath to permit y'all select the background color, image, style, overlay and more!

page-header-options

Adding Page Title Backgrounds to Categories

Your standard categories and tags too support this functionality – yay! But go to edit whatever term and yous volition find the setting to set your category epitome. When defined it will be used for the page title background (unless disabled).

total-category-title-background

Need More Customization?

The Page Header with background style is provided for quick squeamish looking page title with backgrounds, if yous want more customization/control/parallax/buttons/more than info…etc. Then simply disable the primary page title then employ the WPbakery page builder to add a full-screen row to the elevation of your page with the content yous want! You could even create a dynamic template if you want to set this up for all pages or utilise a code snippet.