Custom Header Image

Print Friendly

Many of the Edublogs 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 blog your own personal touch.

  1. 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.
  2. Only .jpeg, .gif, and .png files can be used for header images.
  3. For best results we recommend you crop and resize the image to the exact dimensions recommended for the theme before uploading by using an image editing program (refer to recommended dimensions in the Header section in the Customizer).

Uploading your own custom header image is as simple as:

1.  Go to Appearance > Customize in your dashboard.

Customize

Or click on ‘Customize‘ under the active theme.

Click on Customize

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.

Click on Header Image

3.  Click on Add new image.

Click on Add 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 an image editing program.

Select image

5.  Click on Select and Crop.

Save and publish

6.  Click on Crop image.

Crop image

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

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

Save and publish

Using a Default Header Image

Many themes also 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.

Customize

Or click on ‘Customize‘ under the active theme.

Click on Customize

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.

Click on 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.

Default images

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

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

Save and publish

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”.

Select Randomize

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 Image

Hide Blog Title and Tagline

If you want to remove the blog 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 blog title and tagline are displayed over the top of your custom image header and interfere with the look you are trying to achieve.

Display text

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 Edublogs Default.

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

Theme options

Editing themes

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

Edublogs Support Manager @suewaters on Twitter

Tagged with: , , , ,
Posted in Appearance & Themes, Help