How to change the default Top Image “School Girl” in Eduma

The default Top “School Girl” Image has become nearly a symbol for Eduma. She looks pretty, smart and she makes the site looks pretty.
She appears on almost all Eduma demos, pages… and I guess part of the reason why you purchase the theme is also partly because of her beauty that shifted the theme to a new high.

However, sometimes we would want to change the image into something else to fit with our purpose and to bring changes to our site since however beauty the image is, it will become common if it stays unchanged for too long.

Luckily, changing the Top Image is very easy with the new born of Eduma 3.x, and there are quite a few of flexible options for you to choose. You can choose to manually change the image for each page, each category… or you can also change for all archive category page, all single page… it all depends on how you want it to be.

Let’s start!

A. Manually change each page

To manually change header image for each page (since there will be pages that you want it to be different):

Please Edit page, check Custom Title and Subtitle in the Featured Title Area setting and choose the image for the background image > Save and see the result for your self.

One important notice: Not all images in all sizes will look good with your site. Our sample image dimension is 1366×355, and it should be the best resolution.

If you are using a heavy image, it may have some impacts on your site. So please remember to optimize its file size to make have the best performance. Since the top image will be covered by an overlay, you can reduce your image quality a little bit, and it still wouldn’t affect your page’s vision effect.

B. Change for all Archive Pages

You can change default header image for all course pages, product pages, blog pages, … in the Customize setting:

  1. Go to Customize, choose Blog, Course or Event or Product to change header image for the according section.We define that Blog, Course, Event and Product are four different sections with different features, roles, so the settings for these four sections are also different.Therefore, you can need to change their Top Image separately. This will give you the most flexibility you want.
  2. Choose the page type: There are many different page types for each section, but mostly there are:
    • Archive: The page where all courses or all products or all blog posts are listed, the page where all blogs of a single category are listed, all products of a single product category is listed and so on.
    • Singular: The single page that displays all the contents related to only one item. It could be a course, product, a blog post or an event.
  3. Change the Top Image
  4. Save and Publish

After that, when revisiting these site you’ve set, you will see the images have been changed to the image you set.

Here’s an example I have made using the above technique.

No comments yet! You be the first to comment.

Leave a Reply

Your email address will not be published. Required fields are marked *