A 3-column template system with rotating header images
Random header image... Refresh for more!

Random, Rotating Header Images

What was the first thing you noticed when you came to this site?

The sleek typography set to a 20px baseline grid? HA.

Naturally, you noticed the huge header image! Photographs are the most visually striking graphical elements of any design, and when you place them in a spacious environment that is free of clutter, they pack an unparalleled visual punch.

In addition to their general appeal, however, photographs also afford people the chance to be uniquely expressive. With the Neoclassical theme, you’ll be able to include as many images as you like in the random image rotator, all with brain-dead-simple customization.

Don’t hide your photography skills any longer! Show off your finest “crop” with the Neoclassical Theme for WordPress.

For the record, the default header images are 865px wide by 180px tall, and for seamless integration, you’ll want to use the same size images for your rotating headers.


1 Butler { 11.06.07 at 9:34 am }

Awesome stuff Chris. I’ll have it set up this evening. Another killer project. Much thanks Chris.

2 caile { 11.08.07 at 11:06 am }

HI: I downloaded your wordpress theme which is now a .zip file on my desktop. I’m still learning my way around CSS although I do know the basics.

My question is: Where do I extract my files TO when I unzip the download? I can’t seem to find an appropriate destination, and my WordPress blog is only accessible when my browser is open. So I am unsure how to get the downloaded theme from my desktop to actual integration with my blog.

Thanks in advance for any advice,

3 Bruce { 11.08.07 at 4:59 pm }

It really looks great, Chris. Good to see you back at it. Now I will have to decide if I want to switch from CopyBlogger to this one.

Looks like the middle column is a little shy of supporting the typical 468px Ad format … I have glanced at the code and suppose I could do a workaround on it, but I know you specifically allowed for 468px in CopyBlogger so thought I would instead ask why you decided to move away from it. Is it your sense that a small ad on the sidebar is more effective? (I have almost come to that conclusion myself, but have not finished testing.)

4 Sadejousi { 11.08.07 at 6:18 pm }

Very relaxing theme. Thanks!

5 kristarella { 11.08.07 at 7:08 pm }

Very cool!

I actually tried something similar in a modification of the Copyblogger theme, but I didn’t use it. I didn’t spend the appropriate amount of time making sure the two sidebars worked together properly.

This is a great idea and I love photographs. I’m sure there’s a lot of good photography resources that people could use, but I’d like to offer my photographs to people that would like to use them. They’re not high enough quality on my photoblog. However, if someone wanted one or a few in particular I could get the high res ones out for them, even crop them accordingly. A link back to me would not be necessary, but appreciated. :P

6 Bruce { 11.08.07 at 7:12 pm }

@kristarella, I really like what you have done with CopyBlogger on your site. Great customization work!

7 Bruce { 11.08.07 at 10:12 pm }

I am really toward switching to Neoclassical from CopyBlogger (though I like both), but need to know the max width of pictures in the content column. Looks like I’ll need to resize several of my pics as some are 450px width, some maybe a bit larger. In looking at the code, looks like 445px pictures would work, or do I need to subtract off the 9px padding, making it 436 (or 427 if I need to subtract twice)?

Thanks again for churning out another beautiful theme. Also thank you for arranging the php coding so neatly … will help me in making the few customizations I would want to do. Very easy to follow. (The CSS layout is beautiful, too, and pretty straightforward to understand even for a CSS-lightweight like me).


8 Chris Jacobson { 11.09.07 at 1:01 pm }

Very nice theme! I’m always a fan of your work.

9 Chris Pearson { 11.09.07 at 1:24 pm }

Bruce — The usable content area of the theme is 425px wide, which is exactly wide enough to support the default size of a YouTube video embed.

I decided to make that the standard for the width instead of 468px, primarily because the 468×60 ad block is a historically poor performer. Ads that cascade vertically (rather than horizontally like the 468) tend to perform better, and because of the way this layout is constructed, I fully expect that to hold true for my users.

Also, regarding images, you need to know two things:

  1. Images that utilize the center or block classes can be up to 425px wide.
  2. If you add the frame class to either class mentioned in #1, then your maximum image width drops to 405px (the frame adds 20px of width, which is exactly equal to the height of one line of text).
10 Chris Pearson { 11.09.07 at 1:30 pm }

Caile — In order to upload the theme properly, you’ll need FTP access to your server.

Locate the root directory in which WordPress is installed, and then navigate like so:

  • root WordPress directory
    • wp-content
      • themes

Upload the entire neoclassical folder into the themes directory, and once you’ve done that, you will be able to select the Neoclassical Theme from the Presentation tab inside your WordPress dashboard.

11 Bruce { 11.09.07 at 3:24 pm }

Chris – thank you very much. Exactly the information I needed!

12 saundra { 11.10.07 at 1:17 pm }

Okay..I’m on it. Leaving typepad for the bliss of WordPress.

But here’s the thing…how do you put a graphic (.gif, .jpeg) on the left or right nav bar? I’m hacking my way through. LOVE your blog thank you!

13 Chris Pearson { 11.11.07 at 2:40 pm }

Saundra — You can add content to either sidebar in one of two ways:

  1. You can manually modify left_bar.php or sidebar.php by using an FTP client to upload your updated theme files.
  2. You can finagle a WordPress text widget and incorporate any image that you choose.

Option 1 is probably the most common practice for adding content of this nature to any Web site, and it’s the one I think you would probably benefit the most from learning.

14 Susan { 11.11.07 at 3:35 pm }

@Chris, thank you for this lovely, beautifully coded theme.

@kristarella, terrific CopyBlogger customization.


15 Mitch Lewis { 11.12.07 at 3:13 am }

Thanks for the wonderful theme. I’ve been a Cutline user, but NeoClassical outshines your previous creation.

I guessed 420px for the maximum image width when I resized my previously posted photos – not too far off. Thanks also for the update on image sizes. I also prefer the image classses in NeoClassical where “no frame” is the default.

I notice you’ve eliminated the Archives and Sitemap pages. My logs show that the Archives page was hardly ever accessed, and I use the Google Sitemap plugin for WordPress, so no loss there as far as I’m concerned. The default structure seems to favor individual posts and pages for SEO, and that’s really what I want search engines to index. I don’t want search engines pointing to an archives page (or a category page or a tag page). Is there anything else I can do to focus search results on full articles?

The only other glitch I’ve run into is that the pull-quote image is a tad too large for a one-line quote. Not a big deal and I can work around it. The theme looks great. Thanks again.

16 Chris Pearson { 11.12.07 at 9:23 am }

Mitch — I think you may have exposed a “bug” regarding the background images in pullquotes. The image is not supposed to display in that context, so I’ll have to go back through the stylesheet and ensure that all browsers suppress that image in pullquotes.

Regarding the Archives and Sitemap pages… Template files for each are included with the theme download; however, I did not include links to either page because I don’t them to be that useful, frankly. In fact, I have removed HTML sitemaps from most of my sites, and I would recommend that most folks do the same.

You mentioned the desire to have search engines place a priority on individual posts and pages, and I must say that you are certainly on the right SEO track with that kind of thinking. Problem is, managing the interlinking of your site is a very intensive process that requires manual link editing combined with extensive knowledge of your site.

This is a topic that I’ve been putting a lot of thought into lately, and I expect to post on it sometime in the near future.

17 Rhett (rockstarpoet) { 11.12.07 at 2:27 pm }

Does this theme have wp tagging support?

18 Chris Pearson { 11.12.07 at 3:30 pm }

Rhett — No, and I’m going to be talking about the reasons why later this week on Pearsonified.

In the meantime, suffice it to say that passing off link love to Technorati is a terrible long term strategy for your site. Also, consider that I own a medium sized celebrity Web site, and I’ve never received more than 500 hits in a day from Technorati search tags. On most days, I get fewer than 20 hits.

For my money, I’ll trade in those 20 hits, conserve my link love, and watch my growth occur in the search engines over time because I’ve done a better job retaining the value of each link on my site.

19 Rhett (rockstarpoet) { 11.12.07 at 5:47 pm }

I was wondering if you were going to say something to that affect. I look forward to your thoughts.

20 Bruce { 11.12.07 at 5:47 pm }

I again applaud you on a beautiful design. I am not going to be able to implement it in the near term, though. In looking over my previous image postings, many of them exceed the max width setting of this theme, and would not of sufficient quality if I reduced them (which would also be a tedious process, even if effective). I may work on a wider center column version later, though.

In addition to its beauty, the coding is fantastic. I have been looking it over and am learning bits and pieces from it. I think once I do migrate to it, I will nofollow the pagination links, somewhat at odds with the way Mitch is doing and possibly at odds with your thoughts (which is why I am writing: to get your thoughts). I do retain an archives page in the CopyBlogger design and think that categories are an excellent way for search engines to index one’s site. So, I have lately been thinking that nofollowing the pagination links would keep the SEs from following a duplicate path to my articles, in fact a path that I prefer they not follow. (I don’t have any readers who just set and click through one page after another … they do click on the categories that interest them, though.) I know of a popular site that is experimenting with this (I wish I knew how to conduct such an experiment myself).


21 kristarella { 11.12.07 at 6:09 pm }

Thanks for your compliments Bruce and Susan.

Chris – I look forward to your thoughts on tags. I didn’t really consider them to have that much to do with Technorati anymore, but to be another level of organisation for your site.

22 Mark { 11.13.07 at 11:09 am }


This theme rocks. Do you require that the footer remains exactly as you have it with a link to openeducation.net . I’d rather link directly to your site (pearsonified.com). The openeducation site expresses some opinions that I don’t fully believe and although I certainly agree with their right to state it, I don’t want the “Support OpenEducation.net” to imply that I endorse them.

If you could please give any additional acceptable footers I would appreciate it. If this is a sponsored theme and you require the link to remain the same, I appreciate that also, but I will have to use a different theme.

You do amazing work.


23 Chris Pearson { 11.13.07 at 3:33 pm }

Bruce — Optimal linking structures are a hot topic right now, and I am personally just beginning to wrap my head around “best practices” in this arena.

When I first put this theme together, I used nofollows fairly liberally in an attempt to make any manually-added home page links as “juiced” as possible. However, after reading this excellent article and thinking about my personal experience with my own sites, I realize that I may have gone a tiny bit too far with the use of nofollows.

If I were to change things up now, I would probably remove nofollows on the home page link in the header for all pages except the home page itself. Other than that, I would keep things mostly as they are now. Unfortunately, this is about as much as I can do for you (or anyone else) as a theme designer, simply because I can’t control your linking for you on an ongoing basis.

Honestly, the only linking convention that I can say negatively affected any of my sites is the use of category links on the home page. I think people simply don’t realize the importance of the home page in terms of an overall linking strategy, and because of WordPress (and blogging in general) conventions, people end up slapping category links, tags, del.icio.us links, and all sorts of other stuff all over their home pages.

Archive links, category links, tags, blogrolls, and all that other hoo-rah belong on sub pages and not on the home page itself. Why blow link juice on secondary site pages? Why not use the home page to only direct people to the best stuff you have to offer?

24 Bruce { 11.13.07 at 3:42 pm }

Thanks for thinking through this with me. It is something I am only starting to struggle with, and I suspect my site has been held back a while from all of the time I had categories listed on the Home page. I am still undecided regarding the pagination issue, but I am not at the crisis point with it. I will try to research it more and I sure appreciate you providing the above link. While I really shouldn’t being spending the money in my retirement, I do spend the almost $50/month to be a premium of SEOmoz and wish I had been doing it longer … there is SO much to learn, and I am so behind the curve on it.

I really respect your thinking, and your incredible designs. Thank you for sharing your thinking with us.

25 Chris Pearson { 11.13.07 at 5:05 pm }

kristarella — Ok, so I took a closer look at WordPress tags, and I have two primary thoughts on these babies.

  1. I am truly sorry that tags were not implemented alongside categories back in 1972, which is when half the free world began “tagging” everything with one of 300 category names on their sites. The separation of tags and categories is something that I always viewed as essential, but in terms of backwards compatibility, they are a total nightmare.
  2. Links are too valuable to be blown on tags, and on top of that, who uses tags to browse content while actually on a site? Using tags on del.icio.us makes a heck of a lot more sense than using them on your site. Personally, I prefer to err on the side of usability and user understanding, and removing the clutter and confusion that tags provide simply seems like a good idea to me.

Alright, so with my little rant out of the way, I’m happy to detail what I think is the only acceptable use of tags (and categories, for that matter).

Categories should be used to organize types of content—not by subject, mind you, but in terms of the actual “type” of content (posts, asides, feature articles, news blurbs, etc.).

Tags should be used in the same manner that people have misused categories for the last few years, but perhaps a little more sparingly (what good are 347 tags on your site?). Also, I don’t think the tags should necessarily ever be displayed, but as a Webmaster, grouping content in this manner gives you more options for how you can display things to users.

The bottom line is that micromanaging your content via tags (or categories, or whatever) is something that probably has very little long term benefit. Then, to make matters worse, you’ll have to worry about dealing with all those tags if you ever decide to change content management systems or make sweeping changes to your site.

Less is more. Scrap the tags.

26 tim s { 11.14.07 at 12:39 am }


I was using the wrong login. Problem solved. Thanks

27 Hnings { 11.14.07 at 4:54 am }

Chris, i’ve download neoclassical, n try to tweak it by my own style. I’d like to know, how should i set my feed? I use feedburner, but seems like it wasn’t connect to my wordpress (note: i place my feed in the sidebar). Thanks before, n if i put a footer text “design by chris pearson”, is it ok?!


28 Chris Pearson { 11.14.07 at 10:44 am }

Hnings — In order to properly redirect your WordPress feeds through Feedburner, you will need to make simple modifications to the following theme files:

  • header.php
  • sidebar.php — In your case, this one requires modification because you’ve moved your feed icon into the sidebar. Others using the default theme setup would only have to edit header.php.

In header.php, look for the following <link> tag, which appears between the <head> tags:

<link rel="alternate" type="application/rss+xml" ...

You’ll want to change the href attribute of that <link> tag to the URL of your Feedburner feed.

In sidebar.php, you will need to make a similar change, except this time, you will be changing the href attribute of the anchor tag surrounding the RSS icon img tag.

Oh, and your footer is fine :)

29 Kevin Chiu { 11.14.07 at 5:22 pm }

Dear Chris,

This is truly an excellent theme, optimized for both visual and SEO clarity. Congratulations on the design!

Unfortunately, I’ve run into a problem. Up until installing Neoclassical, I’ve been using WP-Cache with Copyblogger to speed up my page loading times. However, since installing this new, awesome theme, I’ve had to disable the WP-Cache plugin to get the header to rotate on refresh.

So, here’s my question.
How do you cache your pages while still allowing the header to rotate? If it’s any matter, I’m using Dreamhost.

Kevin Chiu

30 Chris Pearson { 11.14.07 at 6:14 pm }

Kevin — I’m pretty sure there is a way to force certain parts of a PHP script to run every time a page is called, but I have absolutely no idea how to do that within the context of WordPress and the WP-Cache plugin.

I actually run WP-Cache on Pearsonified, and as a result, I’m completely familiar with the problem you describe. To combat this issue, I simply turn off WP-Cache most of the time, and I’ll only flick the switch if I know I’m going to be receiving a ton of traffic (Digg, del.icio.us, etc.).

In a perfect world, you could just leave the cache on all the time, but in all honesty, there’s no compelling reason for people like you or me to run it on our sites most of the time.

And really, because your site is already so light in terms of bandwidth-hogging elements like images and whatnot, speed should be the least of your concerns… In fact, if your site got any faster, it’d simply load telepathically without the need of a browser.

Oh, and Dreamhost is an absolute dog—that might be why you think your site is slow. If you have anything below a dedicated box with them, their service is just crap. I have worked with many a Dreamhost server, and I can’t stress enough how much I think their low end products stink.

If you’re ever in the market for a new Web host, check out AN Hosting—they’re running a shared server special right now for only $4.95 a month. Oh, and the real clincher here is that you can run unlimited domains off that account, which is unheard of at that price.

31 Shane { 11.16.07 at 11:35 am }

Sorry for being an idiot, and thanks in advance for help.

If I am using the management function w/in WordPress and add a new page, do I have to edit the PHP files in order to have the page appear in the Navigation area.

32 Hnings { 11.16.07 at 5:55 pm }

Great Design Chris!
I’ve made the feed work though i have to work hard coz i knew nothing about html. Thanks alot!

33 Shane { 11.16.07 at 6:47 pm }

So I took a look at the Pages that I created and I figured out the following:

1. When creating pages from WP-admin, the pages are created with a page_id= # for example page_id=3

but the navigation.php is setup with relative names like “about”

should I adjust the links in the navigation file or is there a better way to manage the pages created?

Thanks Again.


34 Gideon { 11.16.07 at 10:10 pm }

Excellent theme, as usual. Great job. I’ve already used it (without any modification except for the header images). Thank you.

35 Billy { 11.17.07 at 6:46 am }

Very relaxing theme. Thanks!

36 randell { 11.17.07 at 2:16 pm }

how do I switch the images out with my own?

Thank you.

37 kristarella { 11.18.07 at 12:39 am }

Chris – Thanks for your thoughts about tags and categories. I think I have a lot to read and think about in terms of SEO and usability. I have been trying to make things as usable as possible. Perhaps an archive page is the place for categories, not the sidebar. Then I also need to decide on permalinks, at the moment they are year/month/title. The other appealing alternative is categories/title, but then if you change the category style you’re a bit stuffed. Joy, another holiday project! I just need to stop distracting myself before I get to the holidays!

Shane – You need to figure out whether you want to keep the default links for you site or change them to use words instead of numbers. See the WordPress docs for info about that. Then you can either change the links of your site (permalinks) or the links in the navigation.

38 kristarella { 11.18.07 at 7:40 am }

Chris – thinking a bit more about categories after what you wrote.

Categories should be used to organize types of content—not by subject

Do you think you’re going to be changing the way you categorise posts? Do you think that this kind of thinking will affect many others? Perhaps this is the way things are going with premium and feature-style themes? Do you think organising things in such a way would be confusing for readers or will it be easy because they can just use the search box?

Let me know if you want to move this discussion, since it doesn’t have anything to do with rotating headers!

39 randell { 11.18.07 at 1:00 pm }

ok I figured out how to change images……

now how do I delete the border from around the header image?

40 Simon T { 11.18.07 at 4:22 pm }

I really the look of the theme but I have the same reservations with this as I did with Cutline: I just don’t want to use (and don’t have) images that shape. There are so many great images to use that don’t fit the long and low requirements of the blog header. Don’t get me wrong, I can crop an image without any difficulties. But I don’t always want to. I often think putting the blog title on, say, the left, and an image on the, say, the right, would be a better use of the space.

41 Michael { 11.19.07 at 1:44 am }

Liking this theme a lot and using it on a new blog. These comments have been extremely helpful too.

42 Chris Pearson { 11.19.07 at 2:25 pm }

Shane — Implementing a permalink structure that is semantically sound is definitely something that you will want to do right away. With the advent of WordPress 2.3+, you no longer have to worry about the myriad issues that can arise as a result of changing your permalink structure, so now there is no reason why you wouldn’t make this move right away.

For help on changing your permalinks, you can check out this video that I made, or you can try to decipher the WordPress codex page that Kristarella linked up for you.

If you switch to the permalink structure outlined in the video, all your theme links will work without requiring any additional modification.

kristarella — I definitely think that the archives page is the place where categories and monthly archive links need to go. It is flat out senseless to waste your home page link juice on generalized archive pages, mostly because those pages will never be as helpful to users as individual post pages.

As far as permalinks go, just use the custom structure, and specify the following: /%postname%/. I would leave out all the other data, including the year, month, etc.

Do you think you’re going to be changing the way you categorise posts? Do you think that this kind of thinking will affect many others?

Unfortunately, I think most WordPress users are going to be significantly affected by this paradigm shift with regard to handling categories. At the same time, though, I doubt very seriously that most folks will modify the way they do things.

Eventually, those who put a serious amount of thought into the way their content is organized will begin to realize that this is a robust form of futureproofing Web sites. Overuse of archive pages, categories, and tags creates a page bloat (on any site), and this makes it harder for search engines to determine which links and pages are truly important.

Ultimately, the best way to manage sidebar content throughout your site is to implement a semi-automated system that involves the use of categories. For instance, you can mark certain posts as “popular,” and then you can output the contents of that category to the sidebar.

It’s a little more work than simply outputting general categories and archives to the sidebar, but you are essentially cutting out the middle man and conserving link juice at the same time by linking directly to the highest quality pages of your site.

The bottom line is that you want to get rid of as many fluff pages as possible, and knocking out those general categories and archives is a great place to start.

43 Chris Pearson { 11.19.07 at 2:37 pm }

randell — If you’d like to remove the border around your rotating header images, you’ll need to locate your custom.css file and add the following code to it:

.custom #rotating_image img { 
   margin: 0 auto;
   border: none;
44 Eze { 11.19.07 at 2:41 pm }


I’ve been ‘shopping’ for a theme for a while, and neoclassical is top notch, thanks for creating it.

I’ve recently moved from Blogger to wordpress and I’m looking to expand my blog to include additional sections. I had a couple of questions about theme customization and was hoping you can point me out to the right direction.

1) How can I switch to a horizontal navigation below the banner?
2) Is there an easy way to move the feed icon to the side bar and customize to feedburner?
3) What wordpress plugins should I definitely install on this new theme?
4) I assume that the image customization is explained in the other post, so I’ll save that question :-)

By the way, I got you your blog through Brian Gardner’s blog – he gives you a lot of credit and you deserve every ounce of it.

Thanks for the theme.


45 Chris Pearson { 11.19.07 at 2:53 pm }

Simon T — Because people’s site titles (and descriptions) tend to be so different, I can’t place the rotating image to the side of the title. A setup like that would create too many uncertainties with regard to vertical spacing and horizontal “cramping.”

One hallmark of my themes (and an area that I absolutely emphasize) is their ability to be applied in ubiquity. Every layout decision that you see is essentially the result of me asking the question, “Will this work in context X?”

There are tons of situations where the layout you’ve suggested would be extremely messy and unpredictable, and as a result, I went with a different structure.

Designing for ubiquity is my passion, and unfortunately, that means I’m going to have a hard time appealing to everyone. Despite that, I’m confident that no other themes are better equipped to accommodate a wider array of users.

Even though that’s the case with Neoclassical, you can certainly put images in the header that have a different aspect ratio. The only issue is that if you get much bigger, the images will be absolutely huge and will probably take a while to load.

46 Chris Pearson { 11.19.07 at 3:33 pm }

Eze — Hopefully you’ll find these answers at least somewhat helpful as you put your site together on WordPress:

  1. Unfortunately, changing your navigational structure is not something that can be accomplished easily. You’ll need to know some CSS and HTML in order to make it happen, and I’m afraid the level of detail required is beyond the scope of what I can reasonably cover here.
  2. Check out my advice on Feedburner integration.
  3. In my opinion, the only “must-have” plugin for upstart blogs is the Subscribe to Comments Plugin by WordPress expert Mark Jaquith.
  4. I still need to post on how to manage header images as well as images within posts themselves.
47 Eze { 11.19.07 at 3:54 pm }

Thank you for the quick reply Chriss. I’ll take a look at the links that you provided and luckily, I know *some* html and CSS so I’ll try to give it a shot – hopefully I don’t break anything.

Since I posted my questions, an couple additional question came to mind. I’d appreciate your thoughts on these, if your schedule allows.

1) My blog has been around for two years. Is there an archive page on neoclassical? The categories include archived posts, but I was wondering if there’s a date breakdown somewhere.

2) How can I determine the description that will be shown for search engines under the title link?

3) Is there an easy way to integrate an short ‘about’ section in the homepage with a picture of the author? basically, I’d like to have some kind of greeting in the home page (similar to the way blogger has it)

4) If I wanted to include a logo on the header, should I upload the image to my hosting service and link to it on the header file? Sorry if it’s an obvious question.

Thanks in advance Chris. Your blog and this theme are truly a resource.


48 randell { 11.19.07 at 10:20 pm }

Chris – thank you for the info.

I can’t for the life of me track down where to edit the post title font. Where is it found?

Thank you!

49 Mark { 11.20.07 at 10:17 pm }

Chris, dude, awesome job on the theme. I”m just getting into WordPress and love this theme.

I do have 1 question for you.

If I wanted to incorporate an AdSense add in the footer, what is the best way to accomplish that?

50 Hnings { 11.21.07 at 2:33 pm }

Chris, perhaps this comment is out of topic. What i found with your 5 themes (cutline, cutline 2, pressrow, copyblogger, neoclassical), seems like that each of that theme is a part of pearsonified. Sorry, if i made a mistake, i am not expert in design, programming etc. The best salutation is still for Pearsonified theme. Readable enough n far from ads :) Great!

Anw, if i tweak the neoclassical into 2 column, is it ok? I thought 3 column is far from readable? The font is too small. But, if i could, i guess.. :)


51 randell { 11.21.07 at 3:01 pm }

Hey Chris – I love the theme you used for “http://www.pearsonified.com/”

Is this theme available for use or download?

52 sumnerg { 11.21.07 at 7:57 pm }

Chris, I’m new to WordPress and have spent a LOT of time in recent days checking out many, many themes. I wish I’d come across yours first. I think they’re the best! And your comments on use (abuse) of categories and tags have been most helpful.

I’ve run into one snag adopting NeoClassical. I want to customize the right sidebar a little, leaving the search form in the same position. But when I drag in Search from “Available Widgets” (together with others below it that I want), I end up with an ugly (presumably WP default) form.

How can I get your elegant NeoClassical style search form to appear? (I have learned enough html, php, and css to tweak here and there.)

53 kristarella { 11.22.07 at 3:42 am }

sumnerg – I think that’s a good idea.
In sidebar.php take:
<li class="widget">
<h2>Search This Site</h2>
<?php include (TEMPLATEPATH . '/searchform.php'); ?>

and put it above the php dynamic sidebar call.

54 Chris Pearson { 11.22.07 at 5:34 pm }

randell — If you want to change the font used in the post headlines, you’ll need to add a definition to the custom stylesheet:

.custom h1, .custom h2 {
   font-family: whatever fonts you want;

Also, the Pearsonified design is not available as a theme; although I may choose to make it into one if I ever decide to change the layout.

55 Chris Pearson { 11.22.07 at 5:51 pm }

sumnerg — Apparently you don’t like the way I styled the widget search form :)

Unfortunately, the auto-generated code for the WordPress sidebar search widget does not follow the markup convention set forth in every other sidebar widget. One particularly negative side effect of this is that it leaves me with very few styling options for achieving a consistent look and behavior across the full range of modern browsers.

Sadly, the only real positive thing I can say here is that the WordPress search function is basically useless, and I generally recommend that people replace it with a Google Custom Search Engine (or something that is actually engineered for, you know, search). So in closing, your mom was wrong—you really can sweep some things under the rug.

56 Chris Pearson { 11.22.07 at 6:36 pm }

Mark — You would need to add your AdSense code to the footer.php file.

Hnings — You are more than welcome to tweak the Neoclassical Theme to your liking; in fact, I particularly enjoy it when people put their own personal touches on themes.

57 DSS { 11.22.07 at 6:46 pm }

Dear Chris,

This is a beautiful theme, but I am having the following problems:

My own header photos look lovely in Firefox, but don’t render at all in Safari; I only get the “Refresh for more” message. How can I fix this, please?

Also, how can I get my logo into the header, please?

Thank you very much.

58 Frodo { 11.22.07 at 7:51 pm }

AWESOME theme!
I just wanted it all my life! :D

I implement on my blog, thanks a lot!

I hope you imprement it a lot much, keeping this simplicity!


Waiting new versions…

59 Frodo { 11.22.07 at 7:53 pm }

Another thing, can u tell me where can I find wonderfull headers like this in your blog?

Thanks again!

60 sumnerg { 11.22.07 at 8:47 pm }

Many thanks to kristarella for the simple solution to my problem, which was causing distress (and thoughts of resuming my search for a theme). To my eye that touch of WPDefault that crept in ruined Neoclassical, and anyway I’m not a fan of buttons cluttering up the design when the trusty old key works better. I like the search form fixed top right sidebar so the solution does the trick.

Chris, you might want to consider having that as the default (just as you have, I’ve discovered, for Navigation in the left sidebar) in any update to the theme. It’s obvious for those fluent in php but not, I assume, for a lot of users.

I’ve been disappointed that WordPress Search doesn’t look through static pages. I assume a Google Custom Search Engine would do that.

Is integrating a Google Custom Search Engine with Neoclassical style form (adjacent, I assume, to a Google icon) permissible and possible? If so, is it only a project for the pros or has the transition toward products that everyone can use (nice “About” page, BTW… and I second randell’s comments on the Pearsonified theme) already put this kind of project within reach of the rest of us?

61 Chris Pearson { 11.23.07 at 12:17 pm }

sumnerg — The WordPress search widget is presented in the Neoclassical style by default, but it is not identical to the non-widget search box that is coded into sidebar.php by default.

One issue that may be causing confusion here is the slim possibility that I didn’t add that code to the stylesheet before you downloaded your version of the theme. You can check by opening your style.css file and searching for the phrase “search widget.” If you get a positive match, then your WordPress search widget will be styled by default.

Although my forthcoming premium themes will include support for Google Custom Search, this one likely will not. The primary reason for this is because there is a lot of facilitative work (instructional post, comment support, cross browser support) that I will have to do in order to make the GCSE function properly for everyone. Therefore, this is something that is best suited to a premium theme package.

62 randell { 11.23.07 at 2:14 pm }

Thank you Chris. That worked for the font size however I can’t get CSS to change the color of the post headlines. It is however changing the color of the sidebar headings. Here is the code I inserted into CSS:

.custom h1, .custom h2 {
#FFF; color: #cc6600; font: 100% Georgia, “Times New Roman”, Times, serif;

The website is: scribbleship.com

63 Frodo { 11.23.07 at 4:23 pm }

Hey Chris,

Can you give me nice websites with this lovely headers?

Thanks a lot,

64 sumnerg { 11.23.07 at 5:50 pm }

randell, I was stumped by the same thing. I’m not fluent in CSS but after wrestling with the Neoclassical style.css I think I understand what’s going on:

1. h1 selects the “tagline” up top.
2. h2 selects both the post headings and the sidebar headings.
3. a , a:visited, and a:hover select all links. List items in the sidebar and post headings happen to be links, thus they are selected.
4. Any rule in custom.css with .custom in front of it “trumps” the rules in style.css.
5. Your rule applies a new style to both h1 and to h2, hence to the “tagline” up top, the sidebar headings, and the post headings.

This may be a little like the blind leading the blind (at least my eyesight in these matters is not so sharp), but the following eventually worked for me in custom.css:

.custom a, .custom a:visited { color: whateverIwant;} /*set color of all links */
.custom a: hover {color:redOrWhatever; text-decoration:underline;} /*to restore underlined hovers */
.custom h2 a, custom h2 a:visited { color: whateverIwant;} /* set the post headings color – doesn’t affect sidebar headings because they are not links */
.custom h2 a:hover {color: whateverIwant;} /* set the post headings hover if don’t want red there*/

This may not the “correct” way to do this, but it’s working for me. Good luck.

65 Chris Pearson { 11.23.07 at 5:59 pm }

Frodo — Check out istockphoto.com for some killer stock photos that you can crop for use in your headers. Also, why did you remove the attribution link from the footer? At the very least, please replace it with a link to Pearsonified.

66 Hozay { 11.23.07 at 7:22 pm }

Chris, this theme is exceptionally useful. Thanks a lot. When will you begin releasing premium themes? I’m very interested.

I’m just starting to use Neoclassical for my new business, and I can strongly second your recommendation of istockphoto.com. 4 of the 5 photos I have in rotation are iStock pictures which I cropped and scaled to the Neoclassical header size. Note that if you do use iStock, you’ll usually have to buy medium sized versions or the width will be a bit too narrow.

I don’t know whether it’s inappropriate to link to my site here, but you may want to see how well the headers work: http://asiameridian.com/

67 Frodo { 11.23.07 at 7:29 pm }


Thanks for the answer. I already put the link for here, but the footer… I can put the link in another place, for the education thing, not in the footer :(

And by the way, look at this link please, it’s about the CSS Validation, it gives 2 errors and I saw in the code it’s about Safari Hacks:

98 Unknown pseudo-element or pseudo-class :last-child
102 Unknown pseudo-element or pseudo-class :last-child

It’s possible fix it? Thanks a lot for the help! :)

68 Frodo { 11.23.07 at 7:32 pm }

Woot, I found a little bug on my last comment, look at the link I posted in Firefox Browser ^^


69 Frodo { 11.23.07 at 7:33 pm }

Another thing….
Sorry for the little flood but how can I put a bigger comment box?

Thanks again!

70 randell { 11.23.07 at 10:19 pm }

Thank you everyone for the help these last few days. Quick question: How do I change the small “by user name” in the post section underneath the post title? I would like to know how to change the color or delete it altogether. Right now it copies whatever post text color I input.

71 kristarella { 11.24.07 at 9:15 am }

randell – If you have fixed you’re problem then you can ignore this… Which colour in the css are you trying to change? It doesn’t make sense to give font-family a colour (#FFF). I think sumnerg was right in point out the links (a), if you only changed the h1 and h2, but not h1 a and h2 a, then the header links wouldn’t have changed.

72 sumnerg { 11.24.07 at 1:18 pm }


I think you can change the styling of the “by …” line with:

.custom .post_author { color: whateverYouWant; }

You can take it out entirely with:

.custom .post_author { display:none; }

But then you lose the spacing between it and the post text and have to add padding before the first paragraph only, which turned out to be beyond my grasp of CSS.

My quick and dirty solution instead has been to open the index.php and archive.php files, find the line in each referring to the author, and “comment out” (using the relevant code as follows:

<!–by –>

“by….” line gone and spacing preserved.

73 sumnerg { 11.24.07 at 1:24 pm }

Hmmm. I guess you can’t type the code in directly to the message box. I’m trying it between /* and */ (which would obviously have to be removed.

/* <!–by –> */

74 sumnerg { 11.24.07 at 1:53 pm }

Well, guess there doesn’t need to be a newbie alert here!

Here’s the code more or less, though dashes drop out for some reason when I hit submit. You may have to look up the php commenting code to be sure – it starts with less than sign followed by exclamation point followed by two dashes and ends with two dashes and a greater than sign. But if you make it double dashes where you see one here it should work.

<p class=”post_author”><!–<em>by </em><?php the_author(); ?>–></p>

75 randell { 11.24.07 at 8:41 pm }

thanks guys. its fixed now.

76 Farmer { 11.24.07 at 8:49 pm }

i have loaded the neoclassical theme as my blog theme and it only rotates through a half dozen or so of the photos i have loaded in the headers folder, any ideas on how i screwed up?


77 Farmer { 11.24.07 at 9:48 pm }

oops fixed my own problem… i updated the number of images to rotate in the header code…

thanks for a great theme!!

78 Scot Herrick { 11.25.07 at 12:14 am }

A great theme. A very small matter – the padding around the picture in a post (the “vertical” and “horizontal” space) works fine in IE7, but does not work in Firefox (totally surprising) nor in Safari for Windows.

Anyone have anything I can do on my end to help?

Thanks in advance.

79 Chris Pearson { 11.25.07 at 5:16 pm }

Frodo — The two Safari hacks were necessary because of Safari’s unique (and strange) default rendering of <code> and <pre> elements. I believe I could probably work around this issue with a full CSS reset, but I haven’t experimented with it yet.

Scot — The hspace and vspace attributes that you’ve added to your image declarations are considered deprecated HTML, and I suppose that what you see is the result of both Firefox and Safari no longer supporting them.

Although I’m going to publish a post this week about how to handle images with Neoclassical, you can start implementing changes now by reading up on how to handle images with Copyblogger. This is another theme that I created, and the image classes are essentially identical to those found in Neoclassical.

By looking at your code, I think it’s clear that you’re accustomed to adding attributes to image tags in order to style them. Like the aforementioned hspace and vspace, styling images in this manner is considered a deprecated art. Instead, you are encouraged to use CSS classes to style your images, and that’s precisely what you’ll learn by following the link above.

Finally, if you still have concerns about how your images will be styled in feed readers, you can check out my tutorial on how to format images for feed readers.

80 Chris Pearson { 11.26.07 at 6:16 pm }

DSS — Hopefully, this post on customizing header images will guide you down the right path!

81 Patrick { 11.27.07 at 8:56 am }

Hi, was hoping I could download your theme as I like the idea of the rotating images and have some pix that can probably work, *but* your current zip file is corrupted(?) I have desperately tried various ways, but no go. Using Firefox 2.00.9 then 2.0.10 and various methods of download… Hope you can try to reupload your code.

Currently winzip howls, it does not like any of the header files as well as one of the php files.

82 Chris Pearson { 11.27.07 at 5:45 pm }

Patrick — Creating universally accessible download files has always been a challenge with themes. With today’s release of version 1.1, I’ve created a completely new .zip file that should work for everybody.

Give the new one a shot and let me know if it works for ya!

83 Xaver { 11.28.07 at 11:15 am }

Hi Chris,

thanks a lot for this fantastic theme!

I’m a complete newbie with regards to the customization of stylesheets. Is there any chance to easily enlarge the width of the middle column? I’d like to include a lot of images and photos to my posts. And therefore I assume, that the current dimension could be a litte too small for a proper experience.

For instance the Copyblogger 3 column layout is a litte bit wider in the middle part.

Do you think, it will breakt the proportions when enlarging the whole layout? What maximum size would you suggest?

Thanks a lot for your help.

84 Chris Pearson { 11.28.07 at 11:49 am }

Xaver — Unfortunately, modifying the main column width will affect a slew of dimensions that are already defined in the stylesheet. I’m afraid that it’s not something I can explain in a reasonable space here, and typically, modifications of that nature are best left to the user (especially on a free theme).

That said, if you’re somewhat familiar with CSS, then you ought to be able to make fair use of custom.css without sacrificing the core code in style.css.

Oh, and with the size 13 font in the main column, I probably wouldn’t go with anything over 480 pixels wide because that would hinder readability. The current width is 425px, which is just large enough to accommodate a YouTube video embed.

85 kristarella { 11.28.07 at 6:23 pm }

Xaver – 425px images would probably be enough, if you decide they are and are concerned about previous images going into the sidebar you could try this css.

86 Scot Herrick { 11.29.07 at 3:47 pm }


Thanks for the schooling on CSS classes for photos in comment 100 – I’ve modified my pics and they render correctly.

The old HTTP attributes are put in there by my client program and uploaded to the site — rather than my complete inability to code anything! — so I’m going to take a look at how that is done and check out other clients.

Thanks so much for the help and the great comments and follow-through. I REALLY appreciate it.

87 Scot Herrick { 11.29.07 at 3:49 pm }

Sorry — comment #79…now off to read how to get that right comment built into the comment in the first place!

88 Patrick { 12.13.07 at 1:52 am }

Hi Chris, sorry my response is somewhat late, am now using your theme :-)
Currently it is very much ‘as is’, when I have the time I will try and do something with a left hand side graphic element.
One thought, if I go through the calendar to retrieve an archive (i know most people don’t like this), the resulting page has all the text mangled just below the header bar, with some text actually inside the header area. This seems to be a Firefox problem, when using IE6 the page shows up OK. Has anybody else had this problem?
Thanks for the cool theme – now just got to find time to learn from it!

89 Chris Pearson { 12.16.07 at 11:03 pm }

Patrick — I browsed your site, but I was unable to reproduce the behavior you described. Is everything fixed now?

90 Rob { 12.19.07 at 12:18 am }

Chris, left a few querries early today. found the answer to how to quickly take hi-res images to 865-180. Freeware Paint.net is great for this. steps
1: crop photo
2: resize absolute width 850 (proportional)
3: use the rectangle select tool, constrained to 850 x 180
4: select, copy, new, paste, save as header-x.jpg

91 Dave { 12.20.07 at 6:46 am }

Chris, very elegant work both on your cutline and now the neoclassical. I would like to only display five or six of the most recent posts on the main page and don’t know the best way to truncate the loop that generates the page. Is there a simple way to manage how many posts show?
BTW, I had over 105 images rotating on my header on Cutline. I’ve re-sized about 35 to run on the larger Neoclassical header and have had a lot of fun with that. I blog about houses, landscapes, and entertainment issues and would like to be able to rotate header images by category or tag. I noticed that you’ve advised about how to make static headers for certain pages. Continuing that thought for future updates, it would be fun to have a header image rotation by category. Just saying…
Once again, thanks for the elegant work.

92 Chris Pearson { 12.20.07 at 12:43 pm }

Dave — The easiest way to control the recent posts in the sidebar is simply to use widgets in the left sidebar. For instance, in your case, all you would need to do is add the Recent Posts widget. Once you’ve done that, you can control how many posts will show (the default is 5).

You could also modify the code in left_bar.php, but I see no compelling reason to do that since the WordPress widget affords you (arguably) more control in a more “sterile” environment.

93 Dave { 12.20.07 at 2:30 pm }

Sorry that I wasn’t clearer. I would like to restrict the center column post count rather than the sidebar.

94 Christopher { 01.01.08 at 10:25 pm }

Hi Chris,

Just downloaded your NeoClassical Theme and installed it. I have applied a few themes just to see how the work and all seem to have been running ok. But once I installed the your theme pages and categories are not showing up. When I click on about I get an error, and on the side bar I’m getting “Fatal error: Call to undefined function: wp_list_categories()…”

Any ideas? I really like to use this but so far out of the box it’s breaking my original/default wordpress template. Thanks.


95 kristarella { 01.02.08 at 1:12 am }

Christopher – are you using widgets? What was one of the themes that worked?

96 Christopher { 01.02.08 at 9:06 am }

Hi Kristarella,

I have turned off all plugins, and it works perfectly with “WordPress Default 1.5 by Michael Heilemann The default WordPress theme based on the famous Kubrick.” I have switched it back to that as you can see. I would really like to get this to work. If you click the “about” link, you are taken to a proper about page.


97 Christopher { 01.02.08 at 9:25 am }

Hi I tried it again just now creating a new wordpress site, replaced the default theme with http://christiemaclachlan.netfirms.com/neotest/ and same issues still ideas? How can one tell what version of wordpress my host netfirms.com is using?

98 Christopher { 01.02.08 at 11:14 am }

Same issues still… I even upgraded to the newest version off wordpress for this test version. http://christiemaclachlan.netfirms.com/newwordpress/

99 Chris Pearson { 01.02.08 at 11:48 am }

Christopher — The first thing you’ll need to do is confirm the version of WordPress that you’re running. The behavior you’re experiencing occurs in WordPress versions 2.0.x and older (because the wp_list_categories() function was not added until version 2.1), and that’s why I feel like this has to be the problem.

Fortunately, checking your version of WordPress is easy. Simply log into your WordPress administration panel and scroll down to the bottom of the page. The last line should contain information on the version of WordPress that is currently running on your server—if it’s anything less than 2.1, then you’ve found the problem.

The remedy, then, is simply to upgrade to the newest version of WordPress.

100 Christopher { 01.02.08 at 11:54 am }

lol this is nutty, Chris I thought finding the version should be so easy. But when I log in and scroll down I see nothing but … the logo & “WordPress Documentation — Support Forums — ” Is there any other way I can do this? or is that just showing it’s an old version?

101 Chris Pearson { 01.02.08 at 11:57 am }

Christopher — That means it’s an older version of WordPress :-D

102 kristarella { 01.02.08 at 6:40 pm }

Sorry Christopher,
I live in Australia, so I was asleep while you were trying new installations. While Netfirms’ one click installation probably seems appealing I think Chris is right that it’s an older version (although pathetically Netfirms doesn’t seem to say). You should a) appeal to Netfirms to update their system or b) manually install it (which is quite easy, it’s a very quick process).

103 Christopher { 01.03.08 at 4:51 pm }

ah ha! I finally have the newest version of WP installed and after 30mins on the phone getting the database connection to work properly with my host I was able to get it working. So thank you…

Now next question if you don’t mind – Navigation – I’m at work so reading through the postings isn’t always possible. But I did see something about permalink with regards to nav, but how do you go about actualy adding another nav link? I have created a few test pages and all are not being displayed. Thanks again Chris & Kristarella.


104 kristarella { 01.03.08 at 7:05 pm }

Christopher – open nav_menu.php and add links as list items.

105 Christopher { 01.03.08 at 11:41 pm }

Kristarella –
well did a test on that file and uploaded it. No prob there, seems to display
<a href=”" rel=”nofollow”>Home
<a href=”/about/” rel=”nofollow”>About
<a href=”/racing/”>Racing

Now I watched that tutorial video on how to change the permalinks. I changed them to only show the title – /%postname%/ but after creating a test page called racing I was unable to find the page by clicking the link. The page contains a line of text and a test image. What am I missing here?


106 Christopher { 01.03.08 at 11:43 pm }

btw every link shows the same information…
“Hello world! by admin Welcome to WordPress. This is your first post. Edit or delete it, then start blogging! January 3, 2008 1 Comment” http://christiemaclachlan.netfirms.com/wordpress/

107 kristarella { 01.04.08 at 1:24 am }

I don’t think the permalinks are working. They’re all going to the homepage.

Did you have to manually change .htaccess? How did you do it.

108 Christopher { 01.04.08 at 10:13 am }

No I did not edit the .htaccess file at all. When I watched that video about changing the permalinks I noticed at the bottom WP generated some code for a .htaccess file. But in my case it did not do that. It seemed to be working fine (or so I thought) There is an .htaccess file though in the root of my wordpress directory.

Currently my .htaccess file reads this….

# BEGIN WordPress

RewriteEngine On
RewriteBase /wordpress/
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /wordpress/index.php [L]

# END WordPress

What do you recommend?

109 kristarella { 01.04.08 at 6:12 pm }

Ah gee, htaccess isn’t my forte, but I’ve had trouble when I’ve had to manually change the file. You didn’t do that, so all I can recommend is perhaps switching the permalinks back to default and then back to custom and see if anything changes. Sorry :(

110 Christopher { 01.04.08 at 7:10 pm }

ok I will try that… but is it normal for WP not to create an updated version of .htaccess? like if you try it right now on yours would it create one like in the video?


111 kristarella { 01.04.08 at 10:39 pm }

Sometimes it works first go and easily, but a lot of people have problems in getting the pretty permalinks to work properly. It’s hard to know if it’s user error, WordPress error or server error. Might be good to check that your server has mod rewrite on – hopefully that info will be in their FAQ or something.

112 Christopher { 01.06.08 at 2:35 am }

Well maybe Chris might have some ideas? I have deleted the .htaccess a few times and tried everything with that. I’m running on my server Apache/1.3.34 (Unix) mod_fastcgi/2.4.2 mod_perl/1.26 and lates WP. Seems like many people are having the same issues. Even in the default wp theme it has the same issues. I’m really reaching out here lol. help! :) I just want the file name for the link not some p=?.

113 kristarella { 01.06.08 at 10:13 pm }

Sorry Christopher, I think you’ll need to plead with WordPress support forums on this one. It’s obviously not an issue with this theme, but a more general one and I don’t think you’ll get any further suggestions here.
It’s certainly not my area of expertise.

114 Chris Pearson { 01.07.08 at 9:30 am }

Christopher — Based on your comments in #108, I can see precisely why your permalinks were not working.

For starters, your WordPress is installed in a location that is not the root directory of the server. This is perfectly fine, but in this case, it is also the cause of your URL problems. One line of your .htaccess file reads:

RewriteBase /wordpress/

That line tells your server that all URLs should be rewritten relative to the following path:


Obviously, this is not going to work for you because the URL where your WordPress is installed is:


I’m not really sure how your server is configured or what kind of package you are working with, but I would suggest moving to at least a regular shared server if you’re really serious about running a Web site.

The strange URL structure that accompanies your current hosting situation is clunky and cumbersome, and I have a feeling that this .htaccess issue is only the tip of the iceberg (with regard to your current arrangement).

115 Mike { 01.07.08 at 8:30 pm }

I’ve hacked the rotating_images.php script a bit… this hack enables you to simply load up the headers directory and not have to continually modify the script to increment the header count. My daily photoblog site is up to 94 headers (and counting).


My next feat will be to build a photoshop action to automate the steps I take to make the headers. Crop, Layer Style, Stroke, Select color, Change Stroke to Inside, etc. Anyone have experience photoshop actions?

Thanks for a great theme!

116 Mike { 01.07.08 at 8:32 pm }

woops – forgot to paste the new rotating_images.php… here it is:

<img src=”/headers/header_.png” alt=”Random header image… Refresh for more!” />

117 Mike { 01.07.08 at 8:34 pm }

Ugh – now I’ve made a mess of it… looks like the comments system won’t let me paste php code… Anyway – the hack simply assigns a variable called $count with the value obtain by using the count and glob functions in php… here’s another try:

$count = &count(glob(‘wp-content/themes/neoclassical/headers/header_’ . “*”)) ;
$random_image = rand(1,$count); // the second number should equal the total number of images that you want to rotate

Sorry for the multi-posts and thanks again – hope this works.

118 tupto { 01.10.08 at 8:56 pm }

I am going to ask a stupid question because I’m tired of trying to figure it out and I can’t find info on it or if it’s even possible. How do I take existing photos to use as a header image without distorting the picture? Let’s say for example I have a photo of my dog that is 2908 x 1828 and I need to make it 970 x 140. If I crop and resize in Photoshop it just streches out the picture. Do I need to take pictures in a certain format?

119 kristarella { 01.10.08 at 9:18 pm }

tupto – If you are cropping the image to the correct dimensions it should not distort the image. It’s unlikely that you will be able to fit whole images or scenes into the header, unless they are wideview-type landscapes.

Unless you’ve changed the CSS for your header the image needs to be 865x180px.
Whatever the dimension I usually start by scaling the image to the largest dimension (in this case 865, or your 970) and maintain the aspect ratio so that it’s not distorted. Then I create a selection 180, or your 140px high and find the best section of the image to go in that selection and crop it.

120 tupto { 01.10.08 at 11:21 pm }

thanks a mil! I am using the cutline theme and that’s the reason for the different header image size.

121 Cat { 01.12.08 at 12:58 am }

Can anyone tell me how to format links so they are not underlined – for a more natural appearance?

Also, for some bizarre reason a banner that I added to my left sidebar is in a different position on my about page.

Any thoughts anyone?

122 kristarella { 01.12.08 at 1:09 am }

Cat – add a {text-decoration:none;} to the custom.css file, after all the writing that is already there. This will stop any underlining of the links, including upon hover – if that’s what you want.

Banner looks fine on both pages to me.

123 kristarella { 01.12.08 at 1:09 am }

Cat – add .custom a {text-decoration:none;} to the custom.css file, after all the writing that is already there. This will stop any underlining of the links, including upon hover – if that’s what you want.

Banner looks fine on both pages to me.

124 Cat { 01.12.08 at 2:27 am }

Update: I figured out how to remove the underline from links.

But! I’m still having issues with that banner from the left sidebar. I just published a new post and just to see how it looked when I pulled it up by the category, that left sidebar banner shows up below the post.

What’s up with that?

125 Mike { 01.12.08 at 9:21 am }

Any possibility of including an additional page template in your next release? I’d like to have a page template for pages where I don’t want the sidebar(s) to appear. I’ve tried to accomplish this but can’t get the css quite right. I simply copied page_comments.php to wide_page_comments.php and commented the call to sidebar. Then I added some additional styles to css – this is where I can’t quite get it.

126 Mike Lynn { 01.13.08 at 10:39 pm }

Adding navigation tabs to the neoclassical theme…

I’ve added upside down tabs to the rotating masthead graphics… here’s what it looks like:


Here’s the code:
Add this to the bottom of style.css:


width: 500px;
padding: 30px;
border: 1px solid #ccc;
background: #fff;

height: 20px;
margin: 0;
padding-left: 10px;
background: url(images/tab_bottom.gif) repeat-x top;

#tabnav li
margin: 0;
padding: 0;
display: inline;
list-style-type: none;

#tabnav a:link, #tabnav a:visited
float: left;
background: #fff;
font-size: 10px;
line-height: 14px;
font-weight: bold;
padding: 2px 10px 2px 10px;
margin-right: 4px;
border: 1px solid #ccc;
text-decoration: none;
color: #666;
#tabnav a:link.active, #tabnav a:visited.active
border-top: 1px solid #eee;
background: #eee;
color: #000;

#tabnav a:hover
background: #fff;

Then add this to the rotating_images.php file:

if (the_title('','',0)=='About') {
} else {
if (the_title('','',0)=='Map') {
} else {
if (the_title('','',0)=='Contest') {
} else {

<a class='' href="/">Home
<a class='' href="/about">About
<a class='' href="/map">Map
<a class='' href="/contest">Contest

It’s hard-coded and probably not the best way to accomplish it – given that I think I can get the pages array from the wordpress database… but let’s call this first pass – maybe I’ll go back and do it the right way.

Thanks again!

127 kristarella { 01.13.08 at 11:25 pm }

Nice customisation Mike! I like it a lot.

128 Tracy { 01.22.08 at 11:38 am }

Hi Chris! I love this theme and I looked at a LOT of themes in my research as a WP noob. I’ve been playing with widgets and I have a consultant coming in shortly to add plugins, etc. My question is this — with only the widgets page being altered, my site is already rendering wrong in IE (both sidebars are on the left), but renders perfectly in Firefox. Can somebody take a peek and give me their thoughts? I want to hand over the cleanest possible version of my site before I go “on the clock” with a consultant. If it matters, I’m running the original version of the theme and the consultant has instructions to update the theme first thing. Thank you!

129 Tracy { 01.22.08 at 11:44 am }

P.S. Did you ever post about site interlinking and SEO, as mentioned in comment #16? Where does (or will) that post appear? Same question re your intended post about images within posts referenced in comment #46. Maybe you’re busy rolling out your premium themes, as referenced in comment #61? My last question is when do you expect to roll these out?

Thank you!

130 kristarella { 01.23.08 at 8:45 am }

Tracy, I don’t have IE to test the sidebar problem – although I confirmed it on browsershots.org.
Perhaps one of the widgets is expanding the sidebar. You might be able to test that by setting overflow:hidden; on the sidebar.

131 Tracy { 01.23.08 at 10:25 am }

Thanks kristarella! I assumed as much and played around with removing one widget at a time. I’ll pass your comment to my consultant.

132 Roz Fruchtman { 02.02.08 at 6:43 am }

Love NeoClassical.

I would like to have the author thingy read:

by Roz Fruchtman … INSTEAD OF … by Roz

How do I do that?

Thanks in advance.


133 Tracy { 02.02.08 at 11:39 am }

Roz, from your WP Admin interface, choose “Users” and then “Authors & Users.” Edit the “Roz” user.

134 Roz Fruchtman { 02.02.08 at 3:12 pm }

Thanks Tracy, for responding.

It won’t let me do it as I am the *administrator!* My name (Roz) is grayed out.

Do I need to create a *new user?*

If so, how do I get the first few entries that I posted as Roz to change to the first and last name version?

Thanks Tracy. I look forward to your response.


135 Mike { 02.02.08 at 3:16 pm }

You can change your index.php, search.php and comments.php…

Look for the line:


and replace with:

p class="post_author">by

136 Mike { 02.02.08 at 3:18 pm }

Not letting me leave the php code… here it is without the brackets:

Look for the line:
and replace it with this:
the_author_firstname();echo ” “;the_author_lastname();

This will render the fields you filled in for first and last name in your info.

137 Roz Fruchtman { 02.02.08 at 3:34 pm }

Thanks Mike.

I am ont sure what I put in when I created the Blog, but what I have in the User section is:

Roz as ADMIN and Roz is grayed out.

Do I need to change Roz to Roz Fruchtman? Or could I have filled out my first and last name when I set up the blog and I am not looking in the right place?

Hope this makes sense.



138 Mike { 02.02.08 at 3:44 pm }

Yep – makes perfect sense. Roz is your userid. You can’t change that. What I’ve suggested is changing the theme’s php code to print the contents of the fields “first name” and “last name” from your profile.

The neoclassical theme uses a php function “the_author” to print the author’s userid under each post.

The only way to get your first and last name there is to either change your userid to have both first and last name (But I don’t think you’ll be able to create a userid with a space in the middle) or change the theme’s php code to reference the_author_firstname() and the_author_lastname() instead of just the_author().

If you haven’t mucked with php code before – it may be a bit tricky. I’m happy to help if you like – but remember – changing this will be something you need to keep track of in the future when upgrading to future revisions of the theme.

139 Roz Fruchtman { 02.02.08 at 3:59 pm }

Thanks Mike:

Actually I can read and write HTML fluently, so am willing to try to change the index.php and the other page you suggested. I will back it up first.

I added my first and last name to my profile. It was not there before.

I’ll try what you said and see where I am. I will let you know.

Thanks for your help.

(I like to try first myself so I can learn as I go. I have two blogs set up with NeoClassical and once I fix something on one, I fix it on the other blog as well as these things I would like the same on both!)

Thanks again. I will report back and let you know how I made out.


140 Roz Fruchtman { 02.02.08 at 4:04 pm }

How to ADD a link to Admin in the Navigation (or someplace) so that I can get to the Dashboard easily and do not have to continually Log In.

I am trying to not use the Widgets.

This is very annoying and am not sure why it was not there in the first place. Maybe I am missing something.

But when you create an entry and have to go back to it or create another you have to log into WordPress all over again. Too many steps!

Thanks in advance.


141 Mike { 02.02.08 at 4:06 pm }


I sent you a zip file with the changed php files.

Let me know how you make out.


142 Roz Fruchtman { 02.02.08 at 4:46 pm }

Thanks Mike. I responded to the email.

This was very nice of you to do this for me.

I am double-backing up my blog before I do anything.

I have added my first and last name to my profile. I did not seem to have it in there before.



143 Graham { 02.08.08 at 7:03 pm }

Hi Chris – this a top theme … i have had a good go at hacking the css and I am developing it to work with an e-commerce plugin that has a drop shop facility . However when I activate the drop shop using the neo classical theme the side scroll bar disapears disabling the ability to scroll down the page. Now I have been using your copyblogger theme with this plugin activated with drop shop with little problem see – http://www.wadsworthkawasaki.co.uk but since I have moved to using the neoclassical on a new but related site I cant use the dropshop feature as before!!! . I hope you get to read this as I would reall y like to use this theme but I might have to revert back to the copyblogger theme. The drop shop isnt activated on wadsworthquads.com but if you would like to see what I mean then I’d gladly reactivate it so I can hopefully get it to work.
Thanks Graham

144 Riv { 02.13.08 at 8:50 pm }

Well my site is finally up and matched as closely to the neo theme as I ready to attempt right now. Another question…about preparing the header photos, I’m losing alot of the photo with the crop, any suggestions on how to preserve the photo while constraining it to the header dimensions. I’m taking the photo in 300dpi and then editing down to the required size.

145 Mike { 02.13.08 at 9:10 pm }

What photo editing tool are you using? Whichever it is – you should be selecting constrain proportions and sizing appropriately. I use Photoshop and simply open the photo/image I want to use as a header, then select Image, then Image Size… then ensure that constrain proportions is checked and size the image appropriately, 865 wide for example… then select the lasso tool and select Fixed Size from the drop down (865px by 180px). Let me know if you need some assistance.

146 Tara Jacobsen { 02.24.08 at 9:58 am }

Dear Chris,

Nevermind about the basics! I have been messing around after restoring the original template and seem to have gotten a handle on some of it. Could you please explain exactly where to put the subscribe-to-comment code? Thanks Tara

147 Tisha Parti { 02.28.08 at 12:19 pm }

Hi Chris,
I love NeoC and after looking at many themes really appreciate all the work and support you put into your themes. That said,
I’m completely new at WP and while I’ve done some hand-coding in a past life, I’m more than a little stumped on how to wrangle the header image around. I want to keep the width but change the height to 300 px or around there. Forgive the naive question but what file do I edit (custom/style/…?) and how do I go about doing this, I’m lost!
I have a header image that needs to retain this height. It’s a simple b/w that’s not heavy to load.

Many thanks!!

148 Tisha Parti { 02.28.08 at 5:10 pm }

Nevermind, Chris, I got it. I always have to give up all hope of figuring it out before I actually do figure it out. Thanks for the spiritual help anyway–;)

149 Mike { 02.28.08 at 5:20 pm }

Tisha, can you share your site link? I’d love to see your customization.

150 Tisha Parti { 02.29.08 at 12:18 am }

Mike, you sure can, although I wouldn’t call it a custom site just yet ;) I’ve only managed two changes so far ( no borders on the header being the first). I look forward to hunting up the info on hooking up the About link, I know I saw it on here somewhere. I can’t wait to get all this blog going.
It’s humble beginnings can be found at http://www.hepcatarchives.com

151 tracy { 02.29.08 at 12:25 am }

Tisha, what an awesome use of the theme! Way to go.

152 Roz { 02.29.08 at 1:19 am }

Great site Tisha. Nice beginning. It takes a little bit of time, but everyone here has been very kind in helping.

You can also seach through the messages using your *browser’s FIND* (in IE is is Edit/Find). I have searched by word or phrase that I had remembered seeing previously and found the info I needed.

I have not worked on my blog for a while as other issues came up. have to get back to it now with the holidays upon us.

Good luck.


153 Tisha Parti { 02.29.08 at 2:44 am }

Tracy: Thank you, I’m still working on it. Nothing is ever as easy as it seems is it? ;) Kind words keep me slogging through.

Roz: Thank you! It’s true about all the help, that’s something I really appreciate and try to do myself if I can. I have been doing the Find in the browser but I think my problem is I’m not sure if the about link is supposed to just aim at my profile or if I’m supposed to make some kind of page on my own. (shudder). I’ll spend 10 hours researching on a 2 minute question–the plight of the self-taught.
I loved your blog– greeting cards (and ecards now) is something I always imagined doing but never got around to do it. Bravo to you for accomplishing it!

154 Roz { 02.29.08 at 5:33 am }

Hi Tisha:

Thanks for the kind words about my site. It is not for the faint of heart for sure. Lots of rejection! Lots of satisfaction! It’s not equal yet!

You can make whatever or how many pages you would like. It’s great to try and figure things out, but if you can’t after a certain amount of time, just ask. Eventually you will be able to give back by helping yourself. It does not make one feel so needy!

The About Me page usually links to the About Me Page, or you can make it anything you want as it is your Blog.

About can be *about the subject you are doing!*

You can make a Meet Tisha page, is you like.

I believe I made my About Me page to say Meet Roz – from memory. It seems more personal to me – for me.

Hope this helps.


155 Graham { 02.29.08 at 5:56 am }

Hi all – this is my take on the theme … http://www.mutualmarketing.co.uk
Love to hear your thoughts :-)

156 kristarella { 02.29.08 at 6:53 am }

Graham – great way to customise! I like the bold use of colour and contrast.
If you were looking for contstructive criticism: the author link is almost invisible upon hover and a lot of people find snap previews annoying (maybe they weren’t up to you since you don’t seem to be the author?).
Anyway, good job!

157 river { 02.29.08 at 8:35 am }

Can you tell me how you get your text to wrap around your photos?

158 Graham { 02.29.08 at 12:30 pm }

kristarella – thanks for the ‘constructives’ … i see what you mean and I’ll change the author link colour . The snap popups derive from a plugin i installed which work using an external service – these pop up with any external link on the site . I have had mixed views about using this but I think it will stay until i find a nicer action that does the same without poping up and is as easy to set up!!! I have seen some nice effects using css but I cant see the owner of the site coding each time she adds another link.

River – I’m loath to be positive about microsoft but they have a really cool blog edditing tool that goes by the name of Windows live writer.
Google it – and download it – all I do then is make sure I uncheck everything other than the live writer bit – add your blog Un and Pw then let it do its work – quite straight forward .. Word of advice dont forget to set up the image uploading section with correct ftp info and where you want to store your images. Then have a good play around the program and when you place an image you can do several things to it using WLW features . Oh and i have the plugin Shutter Reloaded loaded to create the popup effect.
Hope this makes sense…

159 Tisha Parti { 02.29.08 at 4:27 pm }

Thanks Roz for the kind words. Right now I can’t edit in wp’s page editor because it won’t let me. I can post comments but not fuss with the about page. This is very frustrating for me. I don’t think this is anything to do with Chris’ theme as the default nets me the same results. What seems to be a simple function all of a sudden is like hitting a wall. Simple, but not very desirable in the results dept.
The wp forums seem to be inhabited with crickets rather than
people, judging by the lack of replies one gets on answers to problems. I did read that it might have something to do with a cache problem and that firefox didn’t have this problem with wp editor. I’d edit off wp if I knew exactly what file I’m supposed to be changing! Feh! Any advice on this topic would be greatly appreciated.
Sign me,
Tisha – Big, Sad, Keene Eyes -Parti

160 Dave { 02.29.08 at 5:08 pm }

Give Firefox browser a try. I have found that editing with IE7 gives me several problems related to images and wrapping. The problems disappear with Firefox.
Riv had a question about wrapping and may have missed the “alignment” drop down box in the insert/edit image tool. When you select left or right the text will wrap. Unfortunately, in order to get a decent text offset you will have to add “class=”open left”" (or right) to the html code. I usually insert it right before the alt tag when I go in to do a final code clean-up before publishing. What I am trying to remember to do is add the white border in my graphics programs so I don’t have to do anything else in the code.
Good luck to all.

161 Tisha Parti { 02.29.08 at 6:47 pm }

Hi Dave,
I installed firefox and it fixed the wp editor problem (Thankfully!) but I’m still stuck about how to get this page to show with the about link? Does anyone have any suggestions on how to accomplish this?
Tisha -a site happier- Parti

162 Tisha Parti { 02.29.08 at 7:23 pm }

I did it! Phew—
I had to hand code the nav menu because nothing else worked.
A battle won. Thanks for listening!


163 tracy { 02.29.08 at 7:29 pm }

Graham, LOVE the color palette!

Tisha, if you get too frustrated, I ended up using the services of a terrific consultant who added all my plugins and pages. I could’ve eventually learned it all, but he did in 5 hours what it would’ve taken me five weeks (or months?) to achieve. Contact me if you want his information.

I wish I could share my site with its photos courtesy of the lovely kristarella, but I’m caught in domain name hell at the moment. Check it out in a day or two at http://www.living90045.com.

164 Graham { 03.01.08 at 2:15 pm }

Tracy Thanks!!!! Re your new site if it was me in the same situ. I’d get a holding page (index.htm(or.php) on there for now – so people cant see all of your file structure etc etc

165 Ironman { 03.14.08 at 12:40 pm }

Chris: Will your themes be compatible with WordPress 2.5? I’m worried? Thank you for your excellent work.

166 Adrian { 03.21.08 at 1:49 pm }

Hi Chris….as pretty much all the others have said…great looking theme.
I want to be able to link the random header to my main website. I dont know much about css but assume I would have to edit the header.php….just dont know what or where to put in. Any help appreciated.


167 Chubster { 03.27.08 at 10:57 pm }


Im really struggling with adding pages. I have read all the comments here but to no avail. Any pages I add just do not show up under navigation on the left sidebar. I am very new to WordPress so be gentle with me. Fantastic theme by the way…love the “simplicity”


168 Alana { 03.29.08 at 7:17 am }

Chris, this feature is what sold me on implementing Neoclassical. It has me looking at my library of photography in a whole new way to promote my hobby and my site.

169 » Enlaces en Diigo 03/30/2008 | DigiZen: Un blogfesor aprendiendo { 03.30.08 at 2:36 am }

[...] Random, Rotating Header Images — Neoclassical Theme for WordPress [...]

170 tim { 04.01.08 at 9:54 am }

Hi Chris – LOve this theme! One question though…My recent entries (posts) are not showing up in either sidebar. I think I’d like to see them in the left sidebar – any suggetstions?

171 kristarella { 04.01.08 at 8:05 pm }

Chubster and tim – it depends on whether you are using the default sidebars or widgets.

172 Elizabeth { 04.12.08 at 3:57 pm }

Hi Chris/All! I wanted to say that I absolutely love this theme and we are using it for our main blog page (although after reading this we might need to revisit all of our categories on the front page!). We would like to install a separate wordpress database for other purposes and use this theme but turn it into a two column (remove the right sidebar, leave the left).

Is this relatively easy to do? I tried with my minimal css knowledge but haven’t quite figured out the spacing so I thought I’d try to see if anyone had done this before.


173 pomona belvedere { 04.14.08 at 9:11 pm }


Up until now I have been a lurker and gained many useful tips here–not to mention the gorgeous Neoclassical theme, which I still hope to use. But after two weeks of trying to get my own photo in the header, I am thinking of giving up. Here’s what I did: found software to resize photo to correct dimensions (not easy on a Mac), copied “neoclassical” so I could have my own folder to tweak with, uploaded the new rotating header php, changed the rotating images file to 1,1, uploaded my own header into the header/images file, and deleted the remaining old ones. But all I got was just the default Neoclassical photo on my header. I even opened header_1.jpg from my ftp file manager to check if it was the right one. It was. So then, wondering if I should put in my own url in the “template_url” section (wondering if that was what was meant by “output the image we have just created” in the instructions–I have no idea what that means–I typed in my blog’s url in between the quotes. Progress of a sort: I now have no header image, either mine or Chris’s.
I apologize for my neophyteness, but I’m really stumped. Any clear instruction would be deeply appreciated.

174 kristarella { 04.14.08 at 9:54 pm }

Hi pomona,
I’ll try to give you a step by step and maybe we’ll figure out where you went wrong.
1. It’s possible to resize and crop images using Preview, but they’re sort of hidden features. I find ImageWell to be an extremely useful, lightweight program for cropping and resizing – I use it when that’s all I want to do and don’t want to open up GIMP. It can also add borders, shapes and shadows.

2. Your header needs to be named header_1.jpg or subsequent numbers. You seem to have that right.

3. Change rand(1,5) to the second number being the last header in the series that should be used. I think you did that right too.

4. Reload the page.
If your page doesn’t load a new image then you might need to reload not only the page, but all the images in the page (cmd+shift+r). If not, then perhaps you need to clear your browser’s cache (probably under the program’s main menu), and then reload the page.

You’ve put in another step – changing the image address. You can do that, but the way you need to do it is change
<img src="<?php bloginfo('template_url'); ?>/headers/header_<?php echo $random_image; ?>.jpg"
<img src="http://www.yourblogaddress.com/wp-content/themes/neoclassical/headers/header_<?php echo $random_image; ?>.jpg"
not just change the template_url bit. That whole php bit is finding the address of your template/theme.

Also you said

uploaded my own header into the header/images file

I’m not sure what you meant, but your JPEG needs to be in the headers/ folder, not any subfolders.

Hope that helps!

175 mike { 04.17.08 at 12:03 am }

Is there a way to create a page, but NOT have it appear in the main navigation or as a subordinate to another page in the main navigation? (Just a completely stand-alone page I can link to from another page if I want.)

176 Scot Herrick { 04.23.08 at 8:19 pm }


I’ve read through about 400 comments and also gone and looked at about 50 web sites with this theme, but have not found my answer.

I’ve had custom logos done for my sites. I’d like to replace the div id “logo” in the header file with an image that is my logo that will take me to the home page.

Replacing the blog name and tag line with an image has been asked before, but I have not seen any answers. Anyone done this?

I’ve tried replacing everything past the div id “logo” with the image and URL for the home page, but content in the body of the posts (especially in single posts or pages) becomes a URL for the home page.

I’m great at mimicking but not good at all with code…

Any help would be appreciated.

177 kristarella { 04.23.08 at 8:57 pm }

Hi Scot,
Try replacing just <?php bloginfo('name'); ?> (which is inside the logo div) with <img src="http://yourimageaddress.com/yourlogo.jpg" alt="<?php bloginfo('name'); ?>" />. That should replace the blog name with your image and if for any reason the image isn’t available when someone loads the page it will show the blog name again.

178 Scot Herrick { 04.24.08 at 12:42 am }

Kristarella –

Thanks, but this does not solve the problem. It correctly gets the logo in the right place and eliminates the tag line as it should. However, I still get on single pages and single posts the content hyperlinked to my home page. Here is the code currently in the header file:

code was here

This should be easy, but so far it has not!

Thanks for your help…can you look at this and try again?

The blog I’m experimenting on is http://k9jy.com and then I will do the same on my Cube Rules site. I’ve left the code in as you see it so you can come to the K9JY site and see the impact.

Don’t know if it makes a difference, buy my logo is in a .gif format.

Thanks for the help; it seems this should be easier than banging my head against the wall!

179 Scot Herrick { 04.24.08 at 12:44 am }

Not a complete code in the comment as it won’t reproduce the php code…

180 kristarella { 04.24.08 at 12:59 am }

Ok, when I look at your source code it looks like:

<a href="http://k9jy.com/blog"><img src="http://k9jy.com/blog/wp-content/uploads/2008/04/k9jy_trans.gif" alt="K9JY" </a>

The image is not closed. It must have a > at the end, preferably a /> so it looks like:

<a href="http://k9jy.com/blog"><img src="http://k9jy.com/blog/wp-content/uploads/2008/04/k9jy_trans.gif" alt="K9JY" /></a>

At the moment it’s not closing the link to home because it’s confused that the img isn’t closed.

181 Scot Herrick { 04.24.08 at 12:40 pm }

These computers are sooooo literal! That did the trick, Kristarella. Thanks again; I knew it was something simple, but I don’t know code…

182 johnette { 04.29.08 at 6:14 pm }

I have the neoclassical theme. A while ago it took forever but i learned to create one non-rotating header image. However, now i want to create a new page with a separate non-rotating header, while keeping the heading for my other pages the same. Can this be done? if so how? Also, can i customize the sidebar content on new pages or does the home page sidebar content have to stay the same for all pages which it seem to be doing now? thanks in advance

183 Graham { 04.30.08 at 4:53 am }

Hi … you need to create a new template to have a different style on a new page !!!

For the side bars it depends on what you want on them eg text box can be set to particular sections / pages in WP2.5
and navigation can be customised using the navt plugin and be placed in particular pages.

WP2.6 as far as I know will have more functionallity when using sidebars . Also there is a side bar module that instinct.co.nz developed but haven’t tested it fully yet !!! this professes to give one more control over what happends in the side bars !!!

hope this helped

184 johnette { 04.30.08 at 12:35 pm }

Hey Graham :)

I’m a total novice and dont know what ‘creating a new template’ would involve, but it sounds in-depth. Here was my goal. I have a blog for my non-profit. I wanted to create a page for our upcoming event and this event page would have a custom header and its own side bar info separate from my main blog page. If there is an easy way to do this that would be great. Otherwise, i may just do a new free wp blog site just for this event and put a link to it on my blog…Do you think this is the best approach?

185 pomona belvedere { 05.01.08 at 5:19 pm }

@Mike, Try saving your page but not hitting “publish”. It will show a link in the browser which you can use as a link from another page–but it won’t show up in the “pages” sidebar section. At least that worked for me., although my situation was different as I was putting it on my blogroll.
(I can’t tell you how nice it is to be providing an answer instead of asking a question.)

@Johnette: get feedback from others, but my own experience as a (now) just-barely-past-newbie was that going into wordpress.org was much more technical than I was led to believe. I am learning slowly and with much help from people like Kristarella on this site; and I’m enjoying the process. However, I will say that what I thought would take me a day or so is taking me weeks. If you’re truly a novice, be aware that a) the Codex is poorly written and often doesn’t answer the questions you have b) there’s a learning curve.

@Kristarella– I’ve offered private thanks, but now I’m going public. You really helped me crack the code, besides helping with my header problem. Thanks!

186 Graham { 05.01.08 at 6:14 pm }

@johnette … i’ll try do this one step at a time !!! ;)

Creating a new template to have a different header or picture etc does take some time but can be done !!! it just the amount of steps to take are a few but are achievable !!!

Different sidebar info showing on different pages / posts is more straight forward but this depends on what you want to have in them.

If its a different set of links on each page the Navt plugin allows you to do this !!!

Have you got a facility to upload plugins and how are you at it ??? not assuming anything of course !!!


187 kristarella { 05.01.08 at 7:57 pm }

Sorry pomona, the blogroll page doesn’t work. I think it worked for you because you were still signed in, but people not signed in won’t be able to see unpublished pages.
Glad you’ve enjoyed learning about WordPress, even though it was more difficult than you thought it would be. I guess the difficulty comes when you want to do more than just upload files and use a template as-is. Although, I found FTP pretty daunting when I hadn’t used it before. :P

Mike, creating a new page should not have it show up in the main navigation because the navigation is generated by nav-menu.php so you would need to add a link manually to see it. If you’re using wp_list_pages you can exclude pages by their number, e.g.
wp_list_pages('exclude=17,38' ); ?>

Johnette, what you’re saying is easy for someone who knows XHTML and WordPress, but not really for someone who doesn’t know their way around at all. Email me (via my website) if you’d like more help with it.

188 Graham { 05.02.08 at 3:50 am }

Mike you could also use this plugin – http://www.instinct.co.nz/hide-pages-plugin/
worked for me !!!

189 pomona belvedere { 05.05.08 at 1:29 pm }

Sorry for the dud idea on the page situation. Thanks for better options. I’ll know to double-check next time before I think I have a solution.

I’m getting pixilated quality on most of my blog images on dial-up–but one of them is fine. Any words of wisdom? Things to check?

190 kristarella { 05.16.08 at 2:52 am }

pomona – it’s always better to help than not! It wouldn’t have occured to me to check the logged in status of pages if I hadn’t gone through an ordeal trying to pre-post photos on my photoblog and wondering why they were all showing up at once… because I was logged in, and once you log out the photos become visible at the set time!

I can’t see any pixelation, but it can happen when you use big image and shrink them with CSS or HTML by assigning a width and height. Some programs that automatically produce thumbnails or smaller images also reduce the quality a lot as well.
If it has to do with being on dial-up, perhaps it’s because they’re not loading completely. Images sometimes go through stages of rendering (especially big ones), as if every second line is rendered so it looks pixelated and then the next line come in and it’s sharp again.

191 priscilla { 05.31.08 at 3:36 am }

Forgive me if I missed this somewhere, Chris, but can you tell me the width of the sidebars/width of images allowed there? I ask for the purposes of adding image content and widgets.

Also, has anyone yet worked out a 2-column version of Neoclassical? I still love the theme, but I’d like to showcase photos more, and the narrow center column just doesn’t give me enough space for that.

192 kristarella { 05.31.08 at 7:30 am }

priscilla – sidebars are 190px
Don’t know of any 2-column versions, but if you know and CSS it wouldn’t be too hard.
Have you looked into any lightbox options for showing larger images? There are various different versions and plugins for this method.

193 pomona belvedere { 05.31.08 at 4:14 pm }

Hi Kristarella,

Thanks for another good tip! I wasn’t looking for this right at the moment, but I’m thinking of (sometime, anyway) doing a new page template that would allow for some pages with large photos. And thanks, Priscilla, for bringing it up.

194 Sam Parkinson { 06.02.08 at 9:59 am }

A great theme, thanks!

195 Alison Appiah { 06.10.08 at 5:44 pm }

I love you site, and as a newbie I find it inspiring to see just what can be done with themes.


196 May { 06.25.08 at 5:01 pm }

Chris, I’m absolutely new to this with the ultimate meaning of “programming-illiterate” and adore this theme. However, I’m wondering if it is possible to modify the header area for a larger image with the width of the page and a height of 300 or so?

Many thanks!

197 May { 06.25.08 at 5:10 pm }

…my good, an adjustment to my question above…

Will it be possible to increase the height of the image to 300 or so?


198 Jessica { 06.26.08 at 12:03 pm }

Thank you so much for this beautiful theme!! I looked and looked for the perfect theme, and I finally found it. Also, thanks for responding to everyone on this blog. I found answers to all of my questions here. Thanks again!

199 kristarella { 06.26.08 at 7:50 pm }

May, if you open rotating_images.php you can change the width and height.
I wouldn’t recommend making it any wider since it fits perfectly with the rest of the page and not everyone uses their browser at full screen, this theme is a good width.

200 Adam { 07.01.08 at 10:05 pm }

Great theme, but I can’t get it to work on any of my installations! Is it incompatible with WordPress 2.5 or something? Thank you.

201 kristarella { 07.01.08 at 11:50 pm }

Adam, it is compatible with 2.5. I’ve run it.
What does it do when it doesn’t work?

202 tracy { 07.05.08 at 8:16 pm }

I’ve read most of the 200 comments here (scout’s honor!) and didn’t find answers to two questions that have come up for me now that I’ve been running this theme for a couple of months:

(1) I’m getting some kind of conflict between WP’s underline convention for links and the link underlining convention in the theme (see, e.g., my most recent open house post). I wouldn’t care if I only had one or the other, but I’m getting a mixed bag. It seems that the inconsistency might be coming into play when I edit an existing post. Or possibly, it has to do with the fact that I, on the user side, previously clicked the link. I don’t want to disable the underlining completely, as kristarella recommended in the 120′s above, because I want the hovering underline. Has anybody else had this experience, or have thoughts to share on this topic?

(2) How do I embed and center YouTube videos in the middle column? I tried embedding one today and it was apparently too wide. I embedded one a few months back with more success, but couldn’t get it centered. Can somebody shed some light on this for me?

I’ve learned tons from this page. THANK YOU everybody for your questions and your answers. Thank you, especially, to the lovely kristarella! Not only is she brilliant throughout this page, but she also helped me tremendously outside this page with my header photos.

203 tracy { 07.05.08 at 8:23 pm }

Oops! One more question. I was looking at the release notes for version 1.1 of the theme, and saw the note about the “note class” for special alerts. How do I activate this feature for a particular post? How can I change the background color? Again, many thanks!

204 kristarella { 07.05.08 at 10:33 pm }

Tracy, looks like all links within the post are the same (blue, underlined) until one is visited, then it’s grey background, no underline, but underline upon hover. That’s the way it’s supposed to be in style.css. I quite like it, but if you don’t you can remove text-decoration:none; from a, a:visited. However, that will cause the links in your sidebar to be underlined, which can look messy.
If you’re worried about how it looks, keep in mind that the differences are because you have been to those sites and your browser remembers, others won’t have.

I’ve never had success centering YouTube vids. I seem to remember Chris saying he chose this width because a video does fit inside, so it should fit unless the vids have gotten bigger.
Are you using the code editor or WYSIWYG editor in WordPress? I think the latter might have trouble with vids, you may have to switch to code to put the code in.
If anyone else regularly embeds YouTube vids, please weigh in.


205 kristarella { 07.05.08 at 10:34 pm }

For the note, again, you’ll need to use the code editor and use
<p class="note">Your text here</p>

206 tracy { 07.07.08 at 10:39 am }

Thank you, Kristarella! I’m definitely using the code interface for the videos. I learned early on that the WYSIWYG interface wouldn’t accommodate the video embed. Maybe somebody else can weigh in on whether the videos have gotten wider and it there is anything us laypeople can do to make them work with this theme.

Sorry about repeating the question on the note. I hadn’t formulated the question yet when I reread all the comments. It sounds like from your response that I can add that note box anywhere in a post, or just at the top? What about changing the background color?

207 Chris Pearson { 07.07.08 at 11:13 am }

Tracy — Just for kicks, try placing the YouTube embed code between <p> and </p> tags, and see if you can get the video to appear. Even if you cannot get it to work, I’d like to at least take a look at your source code after you’ve tried to embed it. Generally, this will allow me to either solve your problem or diagnose it further.

Also, regarding the notes, you can insert them anywhere you want, but you’ll have to switch to the HTML editor each time you want to do it. To illustrate, let’s assume you’d like to insert a note somewhere within the body of your post. You can insert the following code anywhere you like, because essentially, all you’re doing is including a “styled” paragraph (which is not location-dependent in any way):

<p class="note">This is my note!</p>

And finally, if you’d like to change the background color, you should do so in your custom.css file. If you add the following code to that file, you can tinker with different background colors for notes and alerts:

.custom .format_text p.note { background: #...; }
.custom .format_text p.alert { background: #...; }

All you’d need to do is replace the ellipses with your preferred hexadecimal color values.

208 tracy { 07.07.08 at 11:43 am }

Thank you, Chris! I’ll drop you a note when I’ve made your suggestion on the video.

209 tracy { 07.07.08 at 5:53 pm }

Didn’t work. =-(

Here is a link to the specific post: http://living90045.com/community/the-upside-of-failure/. You can see the same problem on my home page. The vid is too wide?

210 tracy { 07.07.08 at 6:04 pm }

P.S. The video renders perfectly in “preview” mode for the post, but once it’s published, the conflict occurs, if this helps.

211 Chris Pearson { 07.07.08 at 6:12 pm }

Tracy — You need to tighten up the spacing in your embed markup (in the HTML editor). If you view the source code of your site right now, you can see that the initial object reference is surrounded by paragraph (<p>) tags. If I’m not mistaken, this will cause a rendering problem every time.

In order to avoid this, you simply need to enter your HTML editor and remove all physical spaces and line breaks between the video embed tags. For instance, place your cursor before the first param tag, and then hit backspace until it sits flush against the closing bracket – > – of the opening object tag.

212 Chris Pearson { 07.07.08 at 6:18 pm }

Tracy — I created a sample video embed page that you can use as a guide. Compare your output markup to the source of that page, and you ought to be able to nail down the problem.

213 tracy { 07.07.08 at 7:03 pm }

First I was impressed with myself for almost understanding your instructions. =-D

Now I’m just downright frustrated. No matter how many times I delete the hard return after the object tags, it keeps coming back and of course still continues to render incorrectly. Then I reread your instructions and saw that you instructed “backspace” when I was trying “delete” from the other direction, but that didn’t make a difference either. I understand what you’re telling me and I’m doing it, but something is conflicting and undoing my change when I save it.

214 Chris Pearson { 07.07.08 at 7:33 pm }

Are you using WordPress 2.5.1? If so, you have two options available to you.

  1. You can use the media uploader to upload and embed your video. In theory, this should work.
  2. You can edit your user and disable the “use the visual editor when writing” option, and then, when you try to do the embed again, WordPress won’t screw you over with additional markup.
215 tracy { 07.07.08 at 8:49 pm }

I’m still running version 2.3.2.

216 Chris Pearson { 07.07.08 at 8:53 pm }

Tracy — Then you need to go with option #2.

217 tracy { 07.07.08 at 9:16 pm }

Thank you! Will do.

218 Adam { 07.30.08 at 4:18 am }

With reference to my post from about a month ago (#200), the problem seemed to lie with how the file was being uncompressed. The theme would not work if Archive Utility was used, however it installed breezily when The Unarchiver was used (both on a Mac). Something to be aware of, I guess.

That aside, I am elated to have my site up and running — thank you for all of the wonderful work!

219 explorish { 08.09.08 at 12:48 pm }

i embedded pictures larger than 450px in the body of my messages. firefox “sees” them fine at 640px, but internet explorer 6 chops off the pictures to fit in the 400px frame! can you please help me remedy that?
thanks a lot!

220 Chris Pearson { 08.09.08 at 4:04 pm }

explorish — Internet Explorer doesn’t know how to render images that are larger than the area in which they’re contained, and as a result, layouts “break” under these circumstances. In order to prevent that type of breakage from occurring, your theme is equipped with code that suppresses any images in IE6 that are wider than the content column, which is 425px wide.

The way to remedy this is to size your pictures accordingly before inserting them in your posts.

221 explorish { 08.09.08 at 4:59 pm }

hi Chris, thanks a lot for the response!
do you mean sizing them down to less than 425 px? i did that for a while, but had some requests to show the pix larger. i didnt want to move to a photoblog theme, as i like yours best :) , so the compromise i made was to have larger pictures (640px) who cross the column line, but other than that no harm in firefox. is there a way to have the images at 640px for example, displayed like in firefox, in IE6? i am usually pasting them from picasaweb at the respective size – is that what you meant by sizing? or else widen the whole column to 640px? that would be even nicer…
thanks a lot!

222 Debbie { 09.30.08 at 5:03 pm }

Can someone please tell me how to add the rotating images in? I looked at the CSS sheet. I don’t really understand html all that well. Where would I put in the link for the rotating imagaes? I saw something that said content box and I tried to change that and put in a different url and It made the whole background full of that image. That is the only place I saw to put in an url. I also saw where there is the specification for the sizes of the rotating images. Do I need to put html links after those? I so don’t understand. I’ve tried to mess around with it but I”m not doing soemthing right. So, if you could tell me how to replace it the banner images with my own pics. that would be great. Thanks. :-)

223 kristarella { 09.30.08 at 5:30 pm }

Debbie, check this out.

224 Debbie { 10.02.08 at 9:34 pm }

Thank you! I don’t think I could have figured it out without that…I had looked but I guess I did not look good enough. It’s great now…
I am working on Customizing the text and colors on my page now. It looks a little cheesy right now. I cannot figure out how to change the color of the little words in the sidebar that say Navigation etc… But, I’m sure I’ll find it :-)

225 kristarella { 10.03.08 at 6:20 am }

You should be able to change them by adding li.widget h2 {}, with the relevant styles, somewhere in your CSS.

226 luxury furniture { 10.28.08 at 8:38 pm }

this template is super, I’l l try to use it soon as possible, hot to enlarg the content and total width of theme?

227 Jamie Sandford { 02.09.09 at 2:47 pm }

Hi thank you for a great theme.

I’m just starting out and am having a problem getting my images to align correctly within the 2.7 version of wordpress.

I believe I need to edit your style stylesheet with something like this,
img.centered, .aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;

.alignright {
float: right;

.alignleft {
float: left;

I’ve had a play around but I’m fairly new at this and am not sure which bits of your stylesheet to alter.

Any help, even a link to somewhere to find the answer, would be much appreciated.

This post shows the problem, in my dash board all looks good and the photo is aligned centre but on the site it’s over on the left.
Thanks in advance Jamie.

228 Me { 06.15.09 at 12:15 pm }


229 Cindy { 06.29.09 at 3:10 pm }

Hi, Chris. I absolutely love your clean design. I recently switched to Neoclassical. I’m also new to the blog arena. I’d like to create my own headers. I am using Photoshop Elements. I’m not sure on how to crop the photos I have to the proper 865 by 180 pixels. Can you please help. I want my website to look as sassy as possible. Thanks!

230 explorish { 06.29.09 at 3:58 pm }

Hi, just came in to say that I managed to sort out my problems. Spent a week-end tweaking the CSS stylesheet, but finally got it to be wider. I also managed to “install” a category menu using the WP-Navigation plugin if anyone interested.

@Cindy – what i did is go to image- resize, make it 865px wide, then adjust the height to 180 and crop.

231 Cindy { 06.29.09 at 5:57 pm }

Thanks for the information. It worked wonderfully. Now, if I could ask another question. I am having problems with the alignment of photos and text within the body of the blog. Can you assist? Also, I want to use the Navigation widget, but I don’t see it listed within the Widgets. How can I create a page for the About section? Thanks so much.

232 Tony Ford { 07.08.09 at 12:10 pm }

Anyone know how to switch off the random image feature to apply one image per page (or post) ???

233 Rachel { 08.22.09 at 11:24 am }

How can I add my own header with out rotating it?

234 Roz Fruchtman { 08.22.09 at 3:42 pm }


What I did was to:

1) Create a header

2) Save that header for “each of the rotating ones”
header1 (replace with YOUR header)
header2 (replace with YOUR header)
header3 (replace with YOUR header)
header4 (replace with YOUR header)
header5 (replace with YOUR header)

So when it rotates it is “always” the same.

This way should you want to rotate later on you just need to make a different header for each of the rotating headers.

It works fine and no one is the wiser. I would not fiddle with the code in this case, it’s too easy to do it by re-saving the images.

Hope this helps.

Roz Fruchtman

235 Rachel { 08.22.09 at 6:41 pm }

thanks roz, good idea! I’ll try it.

236 Roz Fruchtman { 08.22.09 at 11:56 pm }

It will work Rachel and is the easiest way to do it without having to dig into the code:

I use it all the time.


Roz Fruchtman

237 Barbara { 12.30.09 at 2:27 pm }

I’m having problems with the size of the images in the posts coming in from my syndicated feeds. The pictures they are using are too large and overlap. I tried using in the css a

.post img { max-width: 425px; }

But that just did nothing.

Any suggestions?

238 Jason Michael Smithson { 02.12.10 at 6:02 pm }

Tony Ford same here. I want to be able to assign a specific image to a specific page (or category or tag if I’m getting all wish list) and I haven’t figured out the best way yet. Suggestions anyone?

239 kristarella { 02.12.10 at 7:25 pm }

Jason — There isn’t a way to do it without changing the script a bit, but if you wanted to edit the script you could use Conditional Tags to say if is_page() { use page image } else { use regular rotator code }.

240 Jason Michael Smithson { 02.12.10 at 7:29 pm }

kristarella that will probably work fine. I’m actually using These and not Neoclassical so I was thinking of making custom code for the rotator in a hook with Conditional Tags.

241 kristarella { 02.12.10 at 7:36 pm }

Heh, cool, that is the way to go I think. I didn’t want to get too complicated with it on my first reply, but you could potentially write a script that checks whether there is an image with the page name and then if not uses a random image.

Say, you have images header1.jpg, header2.jpg etc for the random ones and header-page-name.jpg for a particular page and header-category.jpg for a particular category. You could use $title = urlencode(get_the_title()); and then when calling the image use “header-$title.jpg” for the image name.
That’s just a general idea though, there’s more to it (like opening the folder with PHP and checking if the image of that name exists). But I can’t say any more off the top of my head without testing the code. Might be good to open a forum thread if you want to attempt that.

242 ray { 02.23.10 at 12:13 am }

why is the priority set to ’99′ with the rotating images hook on Neoclassical?
this may be out of bounds here, but I am just trying to understand why that is…
thank you for your time and feedback…

243 Roz Fruchtman { 03.14.10 at 4:56 pm }

Images – Text Wrap – NOT working in Neoclassical

I decided I wanted to learn how to insert images and have the “text wrap” around them either images to the left, or image to the right of the block of text.

I did everything and still could not get the text to wrap. Finally I decided to switch themes to see what happened and lo and behold the “text DID wrap!” So it seems to be a “theme specific” issue.

Can anyone tell me how to get the text to wrap around images automatically in Neoclassical? I know it can be done with HTML coding, but that seems to be really very tedious. It seems that something is missing from the script and/or css. I’m not a script person, so am not sure which part is not working as desired or how to fix it.

Thanks in advance. I would be so very grateful to get this resolved. I am sure others must have had this issue. I AM using the latest version of WordPress as of 3/14/2010.


244 kristarella { 03.14.10 at 6:05 pm }

Roz, try adding this CSS to your custom.css file.

245 eddie { 04.11.10 at 5:11 pm }

I’ve been trying to add a drop down menu using Pixopoint menu plugin but it wouldn’t work..
Has anyone tried to add this menu or similar?

Thanks in advance,

246 paul { 06.05.10 at 5:38 pm }

Really liked the look of this theme. Had most items working (categories, posts, media) but ended up wasting hours trying to get pages to work. switched themes and everything was working. Nightmare.

247 Aristo Bhupal { 08.26.10 at 7:46 am }

Great work with this theme. Just installed it and would be working on it to customize it further.

248 gak kuliah gak kiamat { 12.17.10 at 1:48 am }

thank you i’ll try it :)

249 Lillian { 01.10.11 at 6:32 pm }

I love this theme and I am implementing but wish to have an auto-rotate banner. I tried installing plugins to do that but they don’t get along with the theme. Any ideas? I’m at the end of the line in thinking of a way…
I appreciate it.

250 Cat Cat { 01.13.11 at 4:11 am }

I love this theme….help…I cannot for the life of me change the rotating images. I have the two images I would like to change out from the default. I don’t know where to upload the images nor how to add them…please help someone!!!
Thank you!

251 kristarella { 01.13.11 at 4:27 am }

Cat Cat — See this post to learn how to customize random header images.

252 Cat Cat { 01.13.11 at 5:02 am }

Thanks Kristarella… I have that, I don’t know where to load the photos…I dont know where to begin first. I have a folder header but not /headers. What folder are the default pictures in? Where do I load the new pictures?

253 kristarella { 01.13.11 at 5:40 am }

Cat Cat — you do have the folder “headers” in your theme folder because when I load your site that is where the image is located. E.g., http://www.northwood2irvine.com/wp-content/themes/neoclassical/headers/header_3.jpg

You need to access your site via FTP, or via a file manager in your host’s dashboard and then go to wp-content/themes/neoclassical/headers which is where you’ll find the images and where you need to upload your new images to.

254 Cat Cat { 01.13.11 at 12:56 pm }

Kristarella, Thank you so much. That was the information needed. I am very new to this. I didnt realize I needed to go to the hosting account. Thank you so much!!! All the best!

255 cahyo { 02.07.11 at 1:43 pm }

i really love using neo classical in my blog. thank you so much

256 Cat Cat { 03.10.11 at 2:40 am }

Does anyone know how people can subscribe to my website? I get asked this a lot. All they can do is leave comments. Does this theme allow us to have a subscription to our blog/websites?

257 Joshua S { 11.09.11 at 6:06 pm }

I’m a new person and would have a custom header and its own side bar info separate from my main blog page. If there is an easy way to do this that would be great. Please tell me