Using your own custom header image or a default 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 Appearance > Header in your blog’s dashboard it means your current 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 that theme before uploading by using an image editing program (refer to recommended dimensions on Appearance > Header).
  4. Instead of trying to design your own header image visit Free Web Page Headers. You can use any of these header images, with adaptation if you desire, provided you acknowledge the original source and don’t use them for a commercial purpose.

Uploading your own custom header image is as simple as:

1.  Go to Appearance > Header in your dashboard.

Header page

2.  Click on Choose file, browse for the image on your computer and then click on Open.

  • 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 that theme before uploading by using an image editing program.

3.  Next click Upload.

Upload header

4.  Your image will upload and if it isn’t the exact dimensions you’ll need to select the area you want to crop and then click Crop and Publish.

Crop

5.  Your new image header should appear immediately on your blog.

Using a Default Header Image

Many themes also include a selection of default header images.  These are 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 on the Appearance > Header page underneath the section to upload your own custom header image.

Using a default header image is as simple as:

1.  Go to Appearance > Header in your dashboard.

Header page

2.  Select the checkbox next to the default image you want to use for your header image or select the checkbox next to ‘Random: Show a different image on each page.’ if you want to display a different default header image on each page.

Default images

3.  Click Save Changes.

Click Save Changes

4.  Your new header image is displayed in the Preview box at the top of the page so you have an idea of what the header image looks like on your blog.

Using a Random Header Image

Some themes allow you to display a different image on each page.  To use this option with your own custom header images you just need to upload a series of images to Appearance > Header and then select ‘Random: Show a different image’ on each page.

Random header

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

Removing your Header Image

If you no longer want to use a header image you just need to click on Remove Header Image.

Remove header

Hiding your Blog Title and Tagline

If you want to remove the blog title (and the tagline if your theme displays the tagline) you uncheck the ‘Show header text with your image’ and then click Save Changes.  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.

Remove text

Changing blog title text color

You can change the color of your blog title (and the tagline if your theme displays the tagline) by:

1.  Clicking on Select Color next to Text Color near the bottom of the Appearance > Header page.

2.  Selecting the color you want to use from the color options or add the exact hexadecimal value of the color you would like to use.

Text color

3.  Clicking on Save Changes.

Click Save Changes

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 WPMU-Triden, WPMU-Dixi, Mystique, Yoko, Mandigo 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