WordPress Header Settings

In this guide & tutorial, you’ll learn how to edit settings and customize the WordPress website header section to add. Background images, Sliders, Videos, Colors, Change sizes, and more.

WordPress Header Settings #

In this tutorial on Visualmodo knowledge base, we will show you how to completely change your header style on your page editor or your entire site using our WordPress header settings on our Themes.

To start to go on the page you want to edit, go to your WordPress panel/dashboard ‘Pages’ area, select the page, or click ‘add new’ to create a new one. Once on the editor page, scroll the page editor down until you see the ‘Options” > “Layout” < area. In this area, you will see many options to customize your page.

Ensure that your header settings are enabled if these options are disabled, your header will not appear. On Visualmodo WordPress themes, you can edit things for each page or a global site. This tutorial will show how to edit this setting on only one page. You will see that you can do many things in your header, so we will explain how to do the main things in this tutorial.

How to create a simple header style? #

You don’t need to change anything on your page settings to create a simple header style without images on the header or slider shows. The default option in this area will create a typical header style like the one on our Ink blog theme demo.  

How To apply text/caption in my header? #

For it, you need to scroll your page down until you see two fields called ‘Page Title’ and ‘Page Caption’ Also, make sure you set ‘enable’ the next option called ‘Page Header Text’ to the first 2 options be showed. NOTE: If you apply for a slider to show on your page, this text option will not be displayed.

How to apply a background image on the header? #

To apply an image on your header, scroll down your page until you see a field area called ‘Layout Header title’. You must select the ‘background image’ button to use an image from your WordPress Media Library.

After you need to upload the image and apply on your picture the position and a ‘background color’ (you can select just a white color do not affect the image effects, but you need to set one) and also type the page title or caption. Please take a look at this attached photo. This will show the header image settings of this page.

How to apply for a slide show in WordPress header settings? #

If you want to apply a slider show created using the Revolution slider plugin on your header, please look at this other tutorial here.

How to create a simple slider on your page or post header section? #

In this guide and tutorial to edit and customize your WordPress website page or post header section, learn how to add a simple slider.

How to create a header with a transparent menu? (Overlay) #

On your page Options panel, select the ‘settings’ tab. Once on it, select the ‘navigation menu overlay’ and set the style you want. If you don’t want this effect, just set it as ‘no’ If you want your images or sliders to overlay the menu, just put the menu colors you want.

Try to follow this set of options to make your header navigation menu and logo white, and while scrolling the site down, it is in dark colors. These are the settings that we used on this page here. Please make sure you have all your logos adequately added to the WP dashboard > Visualmodo > Theme Options > Header > Logo < area.

How to remove the page heading area in WordPress header settings? #

To remove the page title heading area, select ‘NO’ on the ‘Layout Header Title’ option on the page options LAYOUT tab. So, If you remove this, your page will only show the navigation menu and the page body content.

guide tutorial customize edit WordPress header settings

How to use your WordPress header settings on your Themes – By Visualmodo

Video Tutorial To Edit and Customize Page Header Section #

Finally, I hope this guide & tutorial helps you learn how to edit settings and customize the WordPress website header section to add. In addition to Background images, Sliders, Videos, Colors, Change sizes, and more.

Can’t find what you’re looking for? #