Many of our themes include options to:

  • Upload your own custom header image.
  • Use a default header image.
  • Show or hide the header text with your image header.
  • Change the color of your header text.
USING A CUSTOM HEADER IMAGE

Uploading your own custom header image is one of the best ways of giving your site your own personal touch.

  • If you don’t see the Header image section in the Customizer it means the theme doesn’t support the use of a custom header image.
  • Only .jpeg, .gif, and .png files can be used for header images.
  • For best results we recommend you crop and resize the image to the exact dimensions recommended for the theme before uploading by using image editing software (refer to recommended dimensions in the Header section in the Customizer).

You upload a custom header image as follows:

1. Go to Appearance > Customize in your dashboard.

Or click on ‘Customize‘ under the active theme.

2. Click on Header Image in the Customizer to reveal the theme’s header options.

  • If you don’t see the Header section in the Customizer it means the theme doesn’t support the use of a custom header image.

3. Click on Add new image.

4. Choose an image from your media library or upload a new image from your computer.

  • Only .jpeg, .gif, and .png files can be used for image headers.
  • For best results we recommend you resize the image to the exact dimensions recommended for the theme before uploading by using image editing software.

5. Click on Select and Crop.

6. Click on Crop image.

7. Your new header image should appear in your site preview window.

8. Click Save & Publish on the Customizer to activate the new header on your site.

USING A DEFAULT HEADER IMAGE

Many themes include a selection of default header images. This is a good option if you don‘t want to upload your own image and you prefer to use one of the default header images or display a random default header image on each page.

If your theme includes the ability to use a default header image you’ll normally find it in the Header image section in the Customizer underneath the section to upload your own custom header image.

1. Go to Appearance > Customize in your dashboard.

Or click on ‘Customize‘ under the active theme.

2. Click on Header Image in the Customizer to reveal the theme’s header options.

  • If you don’t see the Header image section in the Customizer it means the theme doesn’t support the use of a custom header image.

3. Click on the default image you want to use for your header image or click on ‘Randomize selected headers” if you would like to randomize the default header images displayed.

4. Your new header image should appear in your site preview window.

5. Click Save & Publish on the Customizer to activate the new header on your site.

USING A RANDOM HEADER IMAGE

Some themes allow you to randomize. To use this option with your own custom header images you upload a series of images and then select ‘Randomize uploaded headers”.

Alternatively, you can use this option with default header images.

REMOVE HEADER IMAGE

If you no longer want to use a header image you just need to click Hide Image in the header image section in the Customizer.

HIDE SITE TITLE AND TAGLINE

If you want to remove the site title (and the tagline if your theme displays the tagline) you uncheck ‘Display Header Text’ under Site Title & Tagline section of the Customizer and then click Save & Publish. This is a handy option if your site title and tagline are displayed over the top of your custom image header and interfere with the look you are trying to achieve.

CUSTOMIZATION OPTIONS

There are themes that are “extremely customizable” allowing you to change font types, font color and background color. Examples of these types of themes include Yoko and CampusPress Flex.

With these types of theme you normally customize them via their Appearance > Theme Options page.

EDITING THEMES

The Simpler CSS plugin enables you to modify the theme’s fonts, colors, border and backgrounds by adding custom stylesheets to your site. Refer to editing CSS for more information.