Customize your Header

October 15, 2014| Sushil Adhikari

I’ve utlized the WP Header feature to allow the ability to customize the header. This is the top area where your site title or logo sits. You can use a solid colour or you can use a background image to give it more visual impact for your visitors. To give you an idea of what you can do with your header, you can see the variations you can do:

custom-header-styles

Background Colour

  1. Go to Appearance >> Customize >> Colours
  2. Find the Header Background Colour setting and click on the colour selector
  3. Choose the colour you want
  4. Click Save and Publish

Background with an Image

  1. Go to Appearance >> Header
  2. Choose File (your image file) to upload (Suggested width is 2560 pixels if you want coverage for the largest monitors. Suggested height is 260 pixels.) and click Upload
  3. You can crop the image to your liking, otherwise you can skip the cropping if you made your image the size you want before uploading
  4. Save it

Customize Your Logo or Site Title for your Background

In addition to customizing your header background, you can also use a logo on top of your background. I would suggest making sure that your logo works well with the background. You also get the option of using the default Site Title and Tagline on top of your background, which is customizable from the theme options under the “Site Title & Tagline” tab. The site title and tagline sits in a box container that you can colour the background of that. A nice feature when you scroll the page upward, the site title box start to fade to transparency.

  1. Go to Appearance >> Customize >> Site Title & Tagline
  2. If you are using a logo, upload your logo, otherwise the rest of the settings will customize your title and tagline
  3. Start changing colours, adjusting your header padding if needed…
  4. Click Save and Publish

Screencast – Customize the Header

 

Categories: Setup Tutorials for Pure & Simple Pro

Leave a Reply