Cutline Theme for WordPress

One Giant Leap for Mankind

Cutline Theme for WordPress random header image

How To Customize Your Header Images

September 25th, 2006 · 80 Comments

Customize your header images with Cutline!

Your blog is an expression of you, and one of the most striking, visible features of your blog is the header image. Therefore, it stands to reason that many of you (perhaps all of you?) will be interested in personalizing your header images, and Cutline has been constructed in such a way as to make it simple for you to do just that.

Actually, Cutline comes with five default header images, and in this post, we’ll not only examine when these headers appear, but also how to change them!

Header Image Conventions

Cutline was constructed with simplicity in mind, as the five default header images follow this naming convention:

  • header_1.jpg
  • header_2.jpg
  • header_3.jpg
  • header_4.jpg
  • header_5.jpg

In addition, each of the default header images is 770px wide by 140px high.

Customization

If you construct your own header files following the conventions outlined above, then all you’ll need to do is upload your images to the following directory:

http://yourWPdir/wp-content/themes/Cutline/images/

The Cutline header.php file is constructed so that images created and uploaded in this manner will integrate seamlessly.

But I want header images that are taller than 140px…

Fine, have it your way! I still recommend that you follow the header naming convention, but by following the directions in this section, you’ll be able to incorporate taller header images as well.

To illustrate, let’s assume that your header image files have all been constructed at 770px wide by 200px high. If you simply upload these files to the /images/ folder in the Cutline directory, then you’ll notice that each image will have 60px clipped off the bottom. Since this is a bummer, we need a way to fix it!

Fortunately, even a complete novice can make the edits necessary to remedy this situation. Here’s what you need to do:

  1. Using your text editor of choice (for Windows, I recommend TextPad or Notepad++, both of which are free), open up the header.php file from the Cutline theme directory.
  2. The last 12 lines of code in the header.php file are all dedicated to handling the header images. Among those 12 lines of code, you’ll notice five separate image (img) references — these are where you’ll be making your changes.
  3. If you followed the header naming convention outlined above, then all you have to change are the height="140" declarations. In the example here, our header images are 200px high, so the edited reference should look like this: height="200.
  4. Once you’ve made all the necessary changes, simply FTP the edited header.php file to the Cutline theme directory.

Assuming you’ve done everything correctly to this point, your new header images should be appearing on the different pages of your site. But wait a tick…Which header images appear on which pages?

Headers on Different Pages

You’ve undoubtedly noticed that the header images change as you navigate through different portions of your site. When customizing your site, you may want to have certain images appear on certain pages, and you can use the following list to help guide you in your endeavor:

  • the front pageheader_1.jpg
  • single entry pagesheader_2.jpg
  • non-entry pages (such as About or Archives)header_3.jpg
  • archive index pagesheader_4.jpg
  • 404 error pagesheader_5.jpg

And there you have it, folks! If you need additional help, please give a shout out in the comments.

Do you like this article? Submit it to Blogosphere News!

Tags: How To

80 responses so far ↓

  • 1 Chubot // Sep 27, 2006 at 12:50 am

    Hey there, great theme! And great instructions! I was wondering- would it be possible to replace the header images with flash animations/menus? Wouldn’t that be hot?

  • 2 Chris // Sep 27, 2006 at 3:10 pm

    Chubot,

    You could definitely do that. I wouldn’t do it for my public release, but some savvy theme-user out there could probably make it happen ;)

  • 3 Jon // Oct 3, 2006 at 11:25 pm

    Hi Chris,

    Is there a way to make the theme use the same image for the header all the time…without resorting to the obvious of putting 1 version of the same image with 5 different file names?

    5 different heads may be just too damn cool for me :)

  • 4 Chris // Oct 4, 2006 at 11:08 am

    Jon,

    Making your site use a single header image is a pretty simple fix. Here’s what you need to do:

    1. Open your header.php file
    2. Locate the lines of code between <div id="header_img"> ... </div>
    3. Erase all the PHP and XHTML within the specified div from step two, except for the img reference that points to header_1.jpg!

    If you’ve made the changes correctly, the <div id="header_img"> ... </div> wrapper will now only contain a single img reference.

    Oh, and the image you’ll want to use is, of course, header_1.jpg.

  • 5 jonathan // Oct 6, 2006 at 2:51 pm

    Chris -
    Love the cutline skin, but here is a quick question. I like the random header deal you have going on over at pearsonified.com, any chance we could get the plugin/code to randomly generate headers for cutline? Thanks!
    JM

  • 6 Chris // Oct 6, 2006 at 3:31 pm

    I’ll do a post on it and make that my weekend treat.

  • 7 LK // Oct 7, 2006 at 6:29 pm

    Chris, walk a newbie through how to tie my feed to the RSS logo in the header. Please!

  • 8 Chris // Oct 7, 2006 at 6:41 pm

    LK, are you referring to a Feedburner RSS feed?

    If not, then that logo and link are already “broadcasting” your RSS 2.0 feed, which is the latest and greatest that WordPress can generate.

    Write back and let me know if you’re talking about Feedburner, because the solution to that may be post-worthy in and of itself…

  • 9 LK // Oct 7, 2006 at 8:31 pm

    Yes, I am talking about Feedburner. I’m also interested in the email feed addition. I’m so unskilled.

  • 10 mike // Oct 8, 2006 at 5:26 am

    Chris, love the theme - reminds me of a great broadsheet we have here in the UK called The Guardian - www.guardian.co.uk (though not their site, their actual newspaper itself)

    I’d be interested in you expanding on Jonathan’s suggestion of a random header. There seems to be some plugins to handle this and is simply a case of making a call to the plugin in the header.php file?

    What would be nice too is the ability to overlay captions on the header, so we could write credits without having to embed them in the actual header photo.

  • 11 Russell James // Oct 8, 2006 at 10:38 pm

    Hi Chris,

    I’ve started my migration from Typepad to WordPress & Cutline but am having trouble changing the header images.

    I’ve overwritten all of the image files in the appropriate directory with my own pictures but they don’t change on my blog. I’ve no idea where it’s getting those pics from now I’ve overwritten them!

    Also, any chance of a Tutorial to change the text header above the photo header to a graphic image?

    Thanks!

  • 12 Chris // Oct 8, 2006 at 10:47 pm

    Russell,

    It appears as though you’ve made a change to the code in your header.php file.

    I recommend uploading an untouched version of the header.php file to your server — I think that will solve your problem…

  • 13 Russell James // Oct 9, 2006 at 1:30 am

    Chris,

    That has worked on the front page but all the other images on the other pages are still there!

    I’ve downloaded and then uploaded a fresh header.php file without making any changes to it.

  • 14 Russell James // Oct 9, 2006 at 11:12 pm

    Update: I have been in touch with the fantastic guys at Midphase about this and they say they have made some changes but I am still seeing your old images.

    However, when I check my site using IE rather than Firefox everything is ok. I have access to another computer tomorrow that uses Firefox so will check on there.

    Any ideas on why my FF browser shows me the old header images?

    Cheers.

  • 15 Russell James // Oct 9, 2006 at 11:34 pm

    Update 2: I’ve cleared the cache in my FF browser and everything is working now!

    Love it when this stuff works out!

  • 16 LK // Oct 10, 2006 at 3:38 pm

    Chris,
    DOH! Told you I was an idiot. I realized the text box widgets allow coding. Plugged in the code for email subscription and bwallah! Works like a champ. Still tweaking, which is really hard for guys without skillz. I sure wish you’d clear your schedule so I could hire you.

  • 17 mike // Oct 10, 2006 at 4:54 pm

    any ideas/comeback about random header display? Was messing with the K2 skin and that has random header fucntion built in to the template’s core options. Very nice touch it is too.

  • 18 mike // Oct 10, 2006 at 5:28 pm

    Russell, I’ve been having same problem as you’ve been having with FF. I think it has to do with the cache, although when I clear it it still doesn’t update.

    I’ve wasted a few hours with this problem. It’s not a problem exclusive to the cutline skin, I’ve tested a few others, same problem.

    I’m wondering if this is a problem with WordPress?

    I must say, I don’t have this problem with Textpattern, which is what my main site is run off.

    Anyone here have any suggestions?

  • 19 Chris // Oct 10, 2006 at 5:58 pm

    Mike,

    Russell mentioned here that clearing the cache solved his problem.

    Now, on the off chance that you also happen to be running the WP-Cache plugin, then I am fairly certain that is your problem. Other than that, I’m stumped, as this appears to be a one-off sort of problem.

    Also, I am going to construct the random header post very soon — it’s basically been a matter of me clearing things out so that I can do the things I really want to do…You know, like giving out free advice over here :)

  • 20 Nick // Oct 12, 2006 at 10:18 am

    Chris,

    I’m trying to run a WordPress site with about 360 categories to popular tv shows, movies, video games, etc… and trying to give each category the appearance of being its own blog.

    Would it be possible to make pages like tv/lost only have random banners for the show Lost or movies/indiana-jones only rotate banners for that particular category?

    How difficult would that be?… I’m eager for any advice… I may be making an average of 5-10 banners per category to rotate, so there will be a lot.

    I will eventually add custom stylesheets for all the categories.

  • 21 Chris // Oct 12, 2006 at 10:38 am

    Nick,

    Sounds like a helluva lotta work!

    The good news, however, is that you absolutely CAN pinpoint particular categories in order to display certain headers.

    For instance, let’s say that you are dealing with the LOST category, and you’ve got 3 images you want to rotate within that category.

    The first step is to provide conditional PHP to determine if the page you are viewing is the category archive for LOST. Basically, this consists of constructing one huge conditional within your header, and this particular section would look something like this:

    <?php if (is_category('lost')) { ?>
    <img src="http://path/to/lost_<?php echo(rand(1,3)); ?>.jpg" width="width" height="height" alt="alt text" />
    <?php } elseif ... ?>
    etc etc.

    So when you boil all this down, you get a two-part process:

    1. Name your category-specific headers according to a convention, like lost_1.jpg, lost_2.jpg, and so on.
    2. Construct a massive PHP-conditional in order to pinpoint the type of page that you’re viewing, which will allow you to serve the appropriate header images.

    When all is said and done, your conditional statement to determine header images will be huge. On top of that, you’ll have a ton of images.

    For a site such as yours, this may not be the best approach. It may make much more sense to construct some JavaScript to control your header images across your site.

    Try checking out this search for more information.

  • 22 blazemd // Oct 14, 2006 at 7:01 pm

    Is there any way to have seperate images for my about and page and the archive page?

  • 23 Website Header Images Available | But Wait, There’s More // Oct 15, 2006 at 10:27 am

    […] Click on the small banner to see the full size version. I have cropped the full size images to 770 pixels wide by 140 pixels high to match the default in the Cutline theme, but you can use these images in any theme you want. The Cutline Theme website has good instructions for customizing your header images and adding random header images. Be sure to check them out. […]

  • 24 Chris // Oct 15, 2006 at 11:32 am

    blazemd: If you’d like to force certain images to appear on your about and archives pages, you simply need to modify the existing PHP-conditional in the default header.php file.

    Locate lines 35 and 36 — they address the header images that are set to appear on “paged” pages, which includes both your About and Archives pages.

    Modify the following PHP-conditional (from line 35):

    <?php } elseif (is_page()) { ?>

    and change it to this:

    <?php } elseif (is_page('about‘)) { ?>

    In the above code, about is the post slug for your About page.

    If you want to target your Archives page, add the following PHP-conditional:

    <?php } elseif (is_page('archives‘)) { ?>

    Using this method, you can target any page of your site by using its post slug.

  • 25 Brian // Oct 24, 2006 at 1:39 pm

    Downloaded CUTLINE, FTP’d folder into my themes folder, but when I attempt to locate the CUTLINE theme, it shows up as a “Broken Theme”, and give me the following:

    Broken Themes
    The following themes are installed but incomplete. Themes must have a stylesheet and a template.

    Name Description
    Cutline Stylesheet is missing.

    I SEE the stylesheet.css in the folder, why does the error state it’s missing, and what do I do?

    Thanks,

    Brian

  • 26 Chris // Oct 24, 2006 at 1:46 pm

    Brian, you have two themes folders in your root directory. I don’t know how this happened (and I’ve seen it happen once before), but I know that you have to delete one of these folders.

    Make sure that the only file path that exists is the following:

    path/to/wp/wp-content/themes/Cutline/

    Any other setup will cause an error.

  • 27 Brian // Oct 24, 2006 at 1:48 pm

    Never mind, I figured it out.. haha..

    I had uploaded the main CUTLINE folder, with both the Windows and MAC folders..

    I think I’ve got it working.. looks great thus far..

    I’ll reoprt back Chris, great looking template..

  • 28 Larry Hendrick // Oct 28, 2006 at 12:50 pm

    Chris, Thanks for the theme and all the hard work you’ve done with improvements and updates. I would like to ‘float’ the pictures behind the title and description on my site, to reclaim the extra 100px of space. I keep thinking it should be easy, but, so far, it has proved elusive. Do you have any suggestions I might try?

  • 29 Chris // Oct 29, 2006 at 1:12 am

    Larry,

    This is actually a reasonably complicated issue. Some people have requested that I do a tutorial on how I was able to overlay the “random header images” link on the header image, and since your question and this topic are related, I’ll kill two birds with one stone.

    Hopefully, I’ll be able to crank that out this week.

  • 30 Larry Hendrick // Oct 29, 2006 at 8:16 am

    Thanks Chris. With my limited expertise, I was able to move the images to the top, and the image rotation worked fine, but I could never get the blog title and description back up over the pics. They wanted to be separate and no ‘float’ command, or anything else I could think of, would move them up.

  • 31 GaryV // Nov 4, 2006 at 2:29 am

    Chris, I liked Cutline so much that I am using it in a 2nd blog-but this one is hosted and noticed when I tried to change the header that the WP.com version is way simpler than the 1.03 version. So for a n00b like me do you have the simplified version hidden away somewhere?

    Gary

  • 32 Cutline Theme Optimization for Joomla SEO Blog | Joomla SEO Blog by Pathos-Seo.com // Nov 14, 2006 at 3:14 pm

    […] Browsing through the post on the Cutline site, I found another coding example. How to Customize your Header Images Yet another eye-opener… […]

  • 33 Mark // Nov 16, 2006 at 9:36 am

    After weeks of searching, I am please that I’ve found Cutline for WP. How can I put my logo at the top rather than the text for the title? I’ve seen this done on a couple of other sites so I know it can be done. Thanks!!

    Mark

  • 34 Chris // Nov 20, 2006 at 4:18 pm

    Mark,

    In the style.css file, there is a section demarcated by this code:

    /*---:[ header styles ]:---*/

    Underneath that section, the first two lines contain code that is commented out. If you uncomment those and follow the simple directions, you can add an image to your header (above the navigation links).

    Give that a shot and let me know how it turns out.

  • 35 Henry // Nov 25, 2006 at 8:59 am

    I share the same need as Mark and would like to replace the header style to my logo. I have uploaded my logo image (mylogo.jpg) to the image folder. I read your instructions in the code but still couldn’t figure out how do make the necessary tweaks to link it to mylogo image. Which line do I need to change and where do I insert my link? My image size is 770 x 100px.

    Thanks so much for the beautiful theme.

  • 36 John Richardson // Nov 29, 2006 at 10:16 am

    Hi Chris,

    You have an amazing resource here. I’m trying to customize the Cutline theme with my own masthead graphic so I can implement the theme on my main blog. I have the graphic working by uncommenting the two lines in the style.css file but I can’t figure out how to get the default H1 name to disappear. Can you tell me how to accomplish that?
    Thanks for online help!!

    John

  • 37 Chris // Nov 29, 2006 at 11:32 am

    John,

    Just delete the <h1> reference that lies within the masthead div in your header.php file.

  • 38 Matt // Dec 28, 2006 at 12:29 am

    Chris,

    I just came across this template from a link Chris Glass posted on his LJ today. I realy like the way it’s laid out. I’ve uploaded and activated it, but the ‘About’ and ‘Archives’ pages give an HTTP 404 File Not Found error. How do I create pages for those two tabs?

    Thanks.

  • 39 Chris // Dec 28, 2006 at 11:50 am

    Matt,

    Ordinarily, I would suggest changing your WordPress permalink structure. However, because your site has been around for a while, changing the permalink structure is probably not an option (because it would blow all your current incoming links).

    Instead, you can modify the header links to work with your existing permalink structure. Follow these instructions, and it ought to work like a champ.

  • 40 Matt // Dec 28, 2006 at 1:50 pm

    Excellent. That seems to have worked. I have two other questions now that I just came across.
    1. When I click on my Dashboard, I get an image of my home page, instead of the WP Dashboard, with this error at the top:
    “Warning: extract(): First argument should be an array in C:\hshome\spectre\thepsychicpilot.com\wordpress\wp-includes\functions.php on line 2109″

    What would cause that and how can I correct that?

    2. I don’t see a built-in link to access the Dashboard from the website. All other themes I’ve used have had a login or admin link that would take you to the WP dashboard login page. I like not having one on this theme, but how do you access the dashboard without it?

    Thanks again.

  • 41 Chris // Dec 28, 2006 at 1:55 pm

    Matt,

    1. This error is likely being caused by a plugin that you’re using. If you recently activated one, try deactivating it (or uninstalling it completely) to see if that solves your problem.
    2. In order to access your WordPress Dashboard, simply go to your regular blog URL appended with this: /wp-admin.
  • 42 Matt // Dec 28, 2006 at 2:09 pm

    I just deactivated all Plug-ins (I was only using Akismet, a LiveJournal cross poster and video plug-in that I have used for months) and the error is still there. I switched back to my previous theme and I see a picture of that theme now, along with the same error. This sounds like something in the functions.php is corrupt, but I’ve never messed with it before. Any clue?

  • 43 Chris // Dec 28, 2006 at 2:14 pm

    Matt,

    That error has nothing at all to do with themes. A common misconception among WordPress users is that themes can cause problems with the Dashboard, but this is simply not the case.

    Anyway, I recommend re-installing your functions.php file. I know that certain plugins modify core WordPress files, and that may be the case here. So, try overwriting that file with a fresh version, and then see if things start working properly.

  • 44 Matt // Dec 28, 2006 at 2:21 pm

    Thanks, I’ll try that. One curious thing I’ve just noticed in playing around with it, is that if I use this extention: “/wordpress/wp-admin/” it goes to the dashoard without any problems. But, if I click on the Dashboard button on the Dashboard, it goes to this extention: “wordpress/wp-admin/admin.php?page=index.php”

    So

  • 45 Cecily // Dec 29, 2006 at 10:09 am

    Is it possible to have more than five random images?

  • 46 Robert Bruce // Dec 29, 2006 at 8:14 pm

    Chris,

    Thanks for CL, I’ve been having a good time putting KGP back together this week…

    Two questions though, if you have the time:

    1. Put my custom header in (I think to spec as you’ve laid it out above), but seem to have lost the “home” link to it somewhere along the way….

    2. I can’t seem to up the font size in my little (literally) navigation menu located directly below the header image. Its barely readable at the moment due to my amateur hacking.

    May have hacked away just a bit too much…. can you help me on these two points when you get a chance?

    Thanks man. Take it easy.

  • 47 Drake // Dec 30, 2006 at 2:22 pm

    Hey thanks for the theme, for some reason it made my site load a lot faster let alone made my site layout a lot cleaner. I am pretty new to all of this but found it easier to change to one header image without losing the random image function if I ever want to change it back. I just took my custom header image and changed the name to header_1.jpg and replaced it in the wp-content/themes/cutline/images via Filezilla. And then I simply renamed the header_1.jpg to header_2.jpg, then header_3.jpg, and so on until I replaced all the files with the same image with different file names. So now when I want to enable the original header switching function
    all I have to do is upload a header file with the name replacing any of the header_.jpg file and I can enjoy the luxuries of this beautiful theme. It’s not rocket science but I thought it might help people if they didn’t want to lose the random image function. Thanks again for the theme but I thought I would suggest next time to have all the pages on a blog load with the cutline theme instead of just “front page” “archive” and “about” for us who are new to the WP.

  • 48 abby // Jan 8, 2007 at 2:11 pm

    Hi Chris,

    I have uploaded CL as my wordpress presentation, but I am having trouble uploading a file from my Emac. The button won’t allow me to select a file to upload it’s so frustrating! please advise

    Many Thanks

    Abby

  • 49 Mark // Jan 25, 2007 at 9:11 pm

    G’day,

    Fantastic theme! How do I go about changing the color of the blog title (above the image header) from black to brown?

    Thanks!

  • 50 Hallas // Feb 17, 2007 at 6:33 pm

    Broken theme cutline 1.1 Stylesheet is missing??

    I have just tried to change my theme to Cutline 1.1 and it comes up with a Broken Theme “stylesheet is missing”.
    I realise CP has designed it to work a stylesheet - custom.css but WP doesnt seem to be taking it. I also have read the intro set out in the custom.css file but I am struggling to work out what to do!

    Ive got the blog on theworldofspain.com/wordpress you obviously wont be able to see the warning but it explain something?

  • 51 Chris // Feb 17, 2007 at 6:41 pm

    Hallas — You’ve installed too many levels of Cutline folders into your /themes directory. When you unzipped the theme, it created a folder with two sub-folders. You need to install the Cutline subfolder into your /themes directory, and everything will work like it’s supposed to.

  • 52 Graham // Feb 17, 2007 at 7:22 pm

    Hi Chris Thanks for your quick response
    I ‘think’ i have got the cutline folder in the correct folder /structure, but still not working and saying same message. I have sceen dumped the file structure as it would look in DWeaver and saved it on my server see http://www.theworldofspain.com/art/wordress_file_structure.gif
    I hope this helps you see and hopefully help me !
    Thanks again H

  • 53 Graham Hallas // Feb 17, 2007 at 7:29 pm

    Chris …. I put Graham instead of Hallas if you hadnt already realised …my eyes are tired and its v.late for me in the UK

  • 54 Charlie // Feb 18, 2007 at 7:40 am

    I love the theme, Chris. Thankyou.
    Here’s my troubleshooting question: I have deleted the masthead H1 reference in my header.php file, and it knocks out the title, as it should.

    But it won’t show my custom header image. It’s named logo.gif, it’s in the right directory, the lines in the css are uncommented and the image dimensions correspond to those in the image.

    Not sure where to go from here. I can live with just having the header image lying under the links and all, but would prefer to have a clickable banner image up top.

  • 55 Chris // Feb 18, 2007 at 2:22 pm

    Graham — The problem is that you’ve only uploaded some, but not all, of the Cutline theme files. Try downloading and installing the theme again, and you should be fine.

  • 56 Graham // Feb 19, 2007 at 2:56 pm

    Hi Chris
    Thank you for that I thought I didnt have enough files but I wasnt sure …Alls well now cant wait to get optimising.
    All the Best G

  • 57 Voros // Mar 6, 2007 at 6:25 pm

    Hey Chris,

    Brilliant work. With that out of the way :) I’m having trouble getting the 404 page to work properly.

    All I get is a blank (in both Firefox and IE).

    I looked through the theme files and didn’t find anything that jumped out at me as the right fix.

    I’m sure I’m being a complete Bozo (it’s my specialty) but even those of us with 87 IQs would like to have blogs so any help would be appreciated.

    Everything else works swimmingly though. Big ups.

  • 58 Ten Free Cutline Header Images // Mar 18, 2007 at 7:33 am

    […] Find them all in the right size, 770×140,  in my Flickr set of Cutline Header Images. Captain Hops also has ten free headers. In case you don’t know how to customize youe theme, here’s the guideline. […]

  • 59 ovizii // Mar 20, 2007 at 7:16 am

    hello,

    I am using your theme on a wpmu install, this means anyone signing up can have his own custom blog.
    any chance that you will include an options panel, like K2 where one can select header images? I would love this, as that would enable me to upload like 20 images and each user could have a unique blog (as I would love to have the option to show the selected header for each blog, on all his pages)

    thx for the great theme
    ovidiu

  • 60 Thibaud ALEZIARDO // May 24, 2007 at 9:13 am

    Great! I was looking for such a function for a while. Thanks

  • 61 Daniel Su // Jul 18, 2007 at 12:29 am

    Hi, i really do not know how to change my header. Can anyone please help me? i design my header in photoshop. then which directory in ftp should i upload to? because i can’t find header.php in my ftp.

  • 62 Lisa // Jul 26, 2007 at 8:27 pm

    I followed your instructions for customizing the size of my header and it worked except for one thing…now it’s not centered on my page. Can you help me figure out how to center it?

  • 63 WordPress setup at halvorsen.org // Jul 30, 2007 at 3:55 pm

    […] are cropped images taken from Homemade’s Flickr collection. The sequence for changing what images are shown using Cutline is documented, I am currently using random header […]

  • 64 Disco4Life // Jul 31, 2007 at 7:02 pm

    Chris, I’m more than a newbie, i’m one of those people who should be banned from even saying the word “code”. I’m trying to use the random images, but I don’t even know where to add the code that you so generously provided. And I don’t even know where I should store them. I thought maybe on the “write page” page, but that doesn’t seem to make much sense to me. Help an ultra-newbie look good with her team? Could you walk me through it as much as you’re willing to do?

  • 65 drew // Aug 7, 2007 at 9:58 pm

    Hi I was wondering, how would I remove the header image altogether? Want text to start higher up…

    Thanks!

  • 66 tasha // Aug 15, 2007 at 10:55 pm

    LK, are you referring to a Feedburner RSS feed?

    I’m curious about what your answer was to LK on this issue. I couldn’t find it in the follow-up. I’m also using feedburner and can’t figure this out…

    “LK, are you referring to a Feedburner RSS feed?

    If not, then that logo and link are already “broadcasting” your RSS 2.0 feed, which is the latest and greatest that WordPress can generate.

    Write back and let me know if you’re talking about Feedburner, because the solution to that may be post-worthy in and of itself…”

    Can you answer this????

  • 67 Kevin // Aug 25, 2007 at 2:58 pm

    I’m still lost on how to upload a different header photo. You said just put it in the images file, but don’t you have to rename the new photo to header_1.jpg ?

    How do you resize a photo to 770x 140? Can I do that in Photoshop Elements?

    Thanks for any help, I new.

  • 68 Lazarus // Oct 7, 2007 at 5:45 pm

    forgive me if this question has been asked already and i overlooked it.

    i have replaced my header images without any problem and all of them are pointing to my satisfaction except the one on the contact page. the contact page is bringing up header_3.jpg which is the same as the one used on the about page, however i want it to bring up header_4.jpg.

    this image:

    http://www.bloggingbroker.com/wp-content/themes/Cutline%201.1/images/header_4.jpg

    instead.

    so my question is how to direct the header_4 image to load on the Contact page.

  • 69 Lizzy // Oct 10, 2007 at 2:00 pm

    Hello,
    I’m still struggling with the same issue a number of these other posters have referenced…changing header images. I’ve been stumped with this one for about 48 hours now and I’m looking for someone to help put me out of my misery. I’ve replaced the header_1 thru header_5 jpeg files in the images folder and ftp’d them. I’ve resized the images to 970×200 and changed the code according to your directions on the header.php page. I tried clearing my cache…does that mean deleting cookies and temporary internet files? That’s what I did and that didn’t do the trick. Now, instead of any images at the top of my pages, there are just the photo titles and a little box with a red x. Does anyone know what I might be missing? Thanks so much,
    Liz

  • 70 aaron thompson // Nov 15, 2007 at 11:42 pm

    Hey I downloaded Cutline and finally got my headers to be the way I wanted them(thanks so much!!), but now my pages don’t appear at the top(above the image) like they did when I was using it through Wordpress.com; also to go along with that, how do I get the Acrhive and About pages to go away? they only say ‘Not Found’. Please help.

  • 71 Rahmi // Dec 10, 2007 at 12:44 pm

    Chris, is there any way to make to do away with the Blog Title and description, and instead, ‘move’ them over to on-top of of the image?

    After that, can we make the header image a link?

    Thanks!

  • 72 How To Customize Your Header Images // Jan 21, 2008 at 1:01 pm

    […] to change my header image so it wouldn’t look like everyone else. The post is titled “How To Customize Your Header Images“. You may learn a thing or […]

  • 73 Lane // Jan 31, 2008 at 3:35 am

    I’m with Rahmi. …

    Can someone please advise how to modify and/or do away with the Blog Title and description.

    Also, how do I add additional buttons across the top of the screen (along with ” front page, archives, and about)?

    Thank you in advance for your assistance.

    Lane

  • 74 Addie // Feb 28, 2008 at 9:50 pm

    Hi,
    I got the 3 columns cutline 1.1 and am trying to change the masthead text with a graphic /logo, but can’t figure it out. Could you please be more explicit about these instructions? I’ve read all posts above, but still I don’t really understand how can I replace the text with my logo?

    Any help is greatly appreciated!

  • 75 Header-Image ändern // Mar 11, 2008 at 4:36 am

    […] http://cutline.tubetorial.com/how-to-customize-your-header-images/ […]

  • 76 Email from Leslie about WordPress « Ginger and Chocolate // Apr 4, 2008 at 7:21 pm

    […] http://cutline.tubetorial.com/how-to-customize-your-header-images/ […]

  • 77 Valen // Apr 10, 2008 at 6:46 am

    Hi Chris, thanks for the nice template. I am currently using it for my new blog. I would like to remove the ‘Archive’ link under the header. How could I do that? Thanks!

  • 78 Valen // Apr 10, 2008 at 6:57 am

    Hi again Chris. I’ve already figured out how to remove the ‘Archive’ link. ;)

  • 79 Interested In How to Change Your Header Images? // Apr 21, 2008 at 3:28 pm

    […] Related article:How To Customize Your Header Images. […]

  • 80 Shannon // May 5, 2008 at 11:41 am

    Hi Chris,

    I am new to all of this and would like to change the header image of all the pages just to ONE image, which is my logo to my main website.

    I have tried all the tips here and end up completely messing up the entire blog. Can you please help a newbie and explain how to do this in “layman” terms for me.

    I GREATLY appreciate ANY help that you can offer!!

Leave a Comment