Feb 182019
 

WP JobRoller Theme Header Area post shows you how to customize and edit the header area in your site and much more.

Last Updated: December 9, 2019

Latest News: Fixed some broken links.

In this tutorial you will learn how to manage the header area in your site. JobRoller theme allows you to manage different areas of the header. For example: you can edit the header image, site title, tagline, menus and site icon. This gives you a lot of control without needing any coding knowledge.

WP JobRoller Theme Header Area

Step 1 ) The following image shows you the Header Area in the site. JobRoller theme allows you to edit and manage the header area which includes the image, title and menus.

Header Area

  • Header Image
  • Site Title
  • Tag Line
  • Header Menu¬†= Click on the following URL¬†Header Menu¬†to learn more.
  • Top Menu = Click on the following URL¬†Top Menu¬†to learn more.
  • Site Icon

jobroller-theme-homepage-header-area

Customize The Header

Step 2 ) Click on Appearance -> Customize as illustrated in the image below to edit the header area.jobroller-theme-backend-appearance-customize-header-area

Step 3 )  The image below shows you the header image settings in customizer. To customize the header image area go to Appearance ->  Customize -> Header Image. This allows you to manage the following options.

Customizing Site Header Image

  • Click on Hide Image¬†button to remove the header image.
  • Click on Add New Image¬†button to add a new header image.
  • Click on¬†Randomize suggested headers button to display different images.

jobroller-theme-customize-header-image

Step 4 )  The following image allows you to customize the following area. To customize this area go to Appearance ->  Customize -> Site Identity. This allows you to manage the following options.

Customizing Site Title / Tagline

  • Site Title¬†=¬†Note:¬†The site title wording will not display if you add a header image as illustrated in step 3 ) above.
  • Tagline
  • Display Site Title and¬†Tagline

jobroller-theme-customize-header-site-title

Step 4-a )  The following image allows you to customize Site Icon in the header area.

Customizing Site Icon

  • Click on Remove button to remove the site icon.
  • Click on Change image¬†button to change the site icon image.

Note: To learn more about site icon “favicon”, click on the following URL¬†Creating_a_Favicon.

jobroller-theme-customize-header-site-icon

That is how simple it is to customize and mange the header area in JobRoller theme.

If you have any questions or suggestions please leave a comment.

There will be more tutorials coming soon. So make sure you keep coming back for the latest.

Enjoy.

JobRoller Theme Tutorial List:

I have been working in IT since 1999 and I enjoy the challenges it brings me. I love developing websites with WordPress. I spend a lot of time helping out in wordpress.org forums. I have been writing tutorials since 2011. Now I am learning how to manage my own VPS "Virtual Private Server.

 Leave a Reply

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

(required)

(required)

We use cookies in order to give you the best possible experience on our website. By continuing to use this site, you agree to our use of cookies.
Accept
Reject
Privacy Policy