A lot of people have asked us how to add a custom header image to a page using the Mumrik Theme so the page you are using will look something like this.
In order to achieve that page layout you will have to create a page (not a blog post), add and edit some custom fields and finally select the proper page template. We will guide you through the steps in this post
1. Create a Page
First you need to create a page, or edit an existing page.
2. Set Custom Fields Values
When writing or editing an existing page or post, you have the possibility to add custom fields with values specific for that post or page. These values can then be used by themes or plugins in order to achieve whatever the theme or plugin author have in mind. When it comes to the mumrik theme we use custom fields for layout on pages. Scroll down to Custom Fields in your Write Post UI and expand and add the fields full_image and puff where full_image should point to the image you would like to add (preferrably the image is 938 pixels wide) to your layout, within puff you can specify the markup you would like to be added in the semitransparent area in the bottom of the page.
3. Choose Page Template
When the custom fields are set, you have to choose the correct page template. Mumrik is delivered with a custom page template named Section First Page. Choosing the template is easy, all you have to do is scroll down in the Write Post UI and expand the section Page Template and choose Section First Page from the drop-down.
4. Publish and enjoy
When all this is done, all you have to do is publish your page, and you are going to have a brand new layout on your Mumrik-driven page.
How do you “point” to the image for “full_image” value?
Thanks!
I love the theme
When I try and make a header image for my ‘Home’ page which has my blog posts it does not work, but it does for other pages, what am I doing wrong?
You can also add a custom header by editing the following code in the “header.php” file:
Sorry, that didn’t show last time. The div tag “BigAd” right below the “Wrapper” div can hold an image using an HTML link:
img src=”IMAGE-URL-HERE”
I’m having the same problem as Andy. How do you set a custom image on your main page?
Nick is almost right. Don’t put it in BigAd, put it after the mainNavigation div and just before the php tag.
thanks for the tutorial on this. found this entry through google while trying to do exactly this.
i’m trying to edit this particular theme to have a different font. however it doesn’t change the font when i adjust the font family. is there another location in the style sheet (or other sheet) that i need to adjust the font type in?
love the theme and the banner guide was top notch. Great job.
I don’t see a ‘Page Template’ section in my Write Post UI
Hi, nice template, but can someone write all what is need for Header like in template,
in custom field, what I need to write in Name what in Value
where, full_image where Puff,
where and white i need in header.php
How can I remove the two columns and expand the middle column of content to fill the space of the former left and right columns?
Hi,
Love the theme. I have had success putting the header up on the regular pages but not on the homepage where my posts are. Can you help with this? I have read the above posts about adding the image to index.php by adding img src=”IMAGE-URL-HERE” but I lose the white gap between the navigation bar and the photo and I am also concerned about consistency in appearance across browers in coding a header image in two different ways. Thanks for your help on this!
-Thane
way too much trouble
we’re not web designers
How do you edit the left sidebar? I would like to add additional content here but can’t find the source…
Hi!
Thanks alot for this post. Was no problem at all getting the picture where it should be.
Thanks for a cool theme.
Theme looks wonderful but have no idea how to put a custom header in. The advice here sounds designed for people who speak ancient Greek. It’s too bad there isn’t just a way to insert a header automatically the way there are on so many other themes. I won’t be able to use this one.
The theme is a bit out of date now. I am working on a version 2 of the theme that will utilize WordPress features that were not available when the older version was developed. Hopefully that will solve your problem! Unfortunately I have no planned date for the release of version 2. Thanks for posting!
You have to add the path manually to the custom field value. Let me know if you need more help on this.
Dear Mattias
I do like your theme .. But i am really struggling with the header image and the advice on the site has not helped.
Custom field value- what do i put in there exactly?
Came to Uppsala a few years ago, beautiful city
Please respond, or point me to a laymans response.
KR, eve
I am struggling to put a header image into your great theme. Can you help?