Cutline Theme for WordPress

One Giant Leap for Mankind

Cutline Theme for WordPress header image 2

Cutline 1.02 Released, Upgrade Now!

September 28th, 2006 · 72 Comments · Release Notes

Upgrade to Cutline v. 1.02 today!

Over the past week or so, hundreds and hundreds of you have provided feedback on Cutline by pointing out issues and requesting changes. Thanks to your wonderful input, I’ve been able to craft a newer, stronger, cooler version of the theme, and you can (and should!) download it now.

Although there are numerous cosmetic changes in version 1.02, there is one major update that you all need to be aware of, so please read on to get the scoop.

Version 1.02 Changelog

1. Major Update: automatic image styling removed

In all previous releases of Cutline, unstyled images received a core set of style treatments that caused them to be pushed to the right and given a frame. Instead of being a favor to users as I had originally anticipated, this actually caused many folks to consider sending me death threats. For very *ahem* practical reasons, I have begrudgingly eliminated this automatic image styling capability from the theme.

From now on, whenever you include an image without styling, it will just sit there and look out of place unless you apply an image handling class. The onus is now on you to make sure that your posts look as nice as I want them to, so don’t let me down, ok? πŸ™‚

Actually, if you must know, the reason why I thought this change was necessary is because things like the Technorati icon in the “tags” generator would show up with default styling (pushed to the right and framed). This looked really goofy and out of place, and now I know that when items don’t behave as users expect, they get angry. I’m all about giving you some happy, so I had no choice but to remove the automatic styling.

2. Image padding reduced
Instead of an 8px padding between your image and its frame, you’ll notice that framed images now have only 3px of padding. I think it looks a little cleaner and integrates more nicely with the theme as a whole.
3. “stack” class added to image handling
One particular user pointed out that he was unable to produce a horizontal row of images at the bottom of his posts, and given the old set of image handling classes, this would have been impossible to accomplish. Check out an in-depth look at this new class on Image Handling with Cutline.
4. Blockquote text
Blockquote (and pullquote) text is now darker and hopefully more legible across a wider variety of monitors.
5. Pullquote style
Double-borders have been added above and below pullquotes to add style and further differentiate them from the regular post content. It’s the hotness.
6. List spacing
I wasn’t happy with the vertical spacing of lists (<ul> and <ol>), so I increased the vertical margin between each list item.
7. Link rollover colors
In previous releases, blue (unvisited) links would turn a lighter shade of blue when you hovered the mouse over them. I never thought this was enough of a visual cue, so I have changed the rollover color from #0af to #df0000, which is a nice, deep red. Plus, the red looks cool within the context of the theme, because now you have all the primaries making cameo appearances in the design. Yes, I’m a geek.
8. Comment dates
Before, comment dates read like this: “Sep. 12th 2006.” Now, they read like this: “Sep. 12, 2006.” The change saves a tiny bit of horizontal character space, but I really just thought it was more appropriate for the comments.
9. Comment form links

If your post has one or more comments, the “3 Comments” link points to a URL that is appended with “#comments.” However, if your post has zero comments, the “No Comments” link points to a URL that is appended with “#respond.”

Prior to version 1.02, there was no destination link for “#respond.” Now is the time to rejoice, though, because I have caught this omission and provided you with a link. I know, I know — benevolent doesn’t even begin to describe me.

10. Comments link after the post
You’ll notice that on the front page, each post has a link to the comments underneath the title, which is great for gleaning quick information about a post. The problem with this, however, is that if you actually read the post and then decide to comment, you have to scroll all the way back up to the top to click on the comments link. Unnecessary scrolling stinks, so now you’ve got a link to the comments after the post as well.
11. My name is now in the footer
Some very cool people have suggested that I put my name in the footer because they thought it was better for branding than simply “Cutline.” I appreciate the love, so now my name is in the footer with an attribution to both this site as well as Tubetorial.

Four core theme files have changed for this release: index.php, footer.php, comments.php, and style.css.

Upgrade Instructions

If you haven’t made any changes to your theme files, then you have nothing to worry about. Just overwrite them all and have a good day.

If you’ve changed your header images, don’t overwrite the images folder within the Cutline directory! Don’t do it! Stop already!

If you’ve made special changes to your style.css file, I am terribly sorry for this inconvenience. Your best bet is probably to overwrite your old file and then try and make your changes again.

One thing I would suggest, however, is that you add all new snippets of code in a segregated area of your stylesheet. That way, when a new upgrade comes down the pike, you’ll be able to copy and paste that code over into the new file.

Now, get to it!

Tags:


72 Comments so far ↓

  • HART (1-800-HART)

    Actually .. I was going to ask you about that .. I got fed up trying to display 4 thumbnails side by side and ended up making them all width=400 to look good.

    But – what if I already massively modified my footers, index and comment pages? Would this still work if I just copy the style.css sheet over and leave the rest untouched? Or would that interupt the theme?

  • Chris

    Hart,

    You can get by if you only update style.css. The only things that would really concern me are:

    • If you don’t update index.php, you will not have the “→ Comments” link after each post. A great solution here, though, is to post with the <!--more--> tag so that less text appears on the front page. This way, it won’t matter if that link is at the bottom or not, because most users won’t really have to scroll to hit the link.
    • If you don’t update comments.php, all posts that have no comments will essentially have a link that refers to nothing (because you will not have a “#respond” link in the theme file). Of course, you could find that fix in the latest release and simply add it to your modified comments.php file.

    Cool?

  • HART (1-800-HART)

    Sort-of Cool … I had time tonight, so I downloaded and tried just uploading the style.css and nothing changed. I thought my “Evermore” plugin took care of that issue. So I had time, and I modified all the four files to include the changes I did before – but, it’s the same.

    I think I downloaded the wrong file Chris. I downloaded the sidebar version 1.02 http://tubetorial.cachefly.net/downloads/Cutline.zip but it’s not the same link as the blog post version 1.02 http://downloads.tubetorial.com/Cutline.zip and I think I just modified the original version again.

  • Chris

    Oh crap. I had totally forgotten about putting the download file on our Cache server.

    *smacks forehead*

    Fixing all that now…Sorry about the confusion!

  • HART (1-800-HART)

    I’ve got time now – I will just revamp it on the other download (in the post). No sweat with copy/paste actually – and I’ve got backups anyway.

  • Chris

    The files are all updated properly. Egg on the face is only good if it occurs between the hours of 12:00 and 7:00 am EST.

    Just another little trinket of knowledge that I throw out there free of charge on this here Web site…

  • HART (1-800-HART)

    I’ve now updated all the files, from the updated download file – but now (this is weird) the style did NOT work .. I’ve just reloaded it – as is from your download extraction and will leave it for a bit for your perusal. I’ve lost all the styling in the sidebar. It does work with the version 1.00 original style.css though. Is it me?

  • Chris

    Hart,

    No, the classes in sidebar.php were all changed in version 1.01 in order to accommodate the “standardized” classes that are used in WordPress widgets.

    Of course, I had the option to build backward-compatibility into the theme, but part of the goal with Cutline is to streamline things as much as possible.

  • HART (1-800-HART)

    I just find/replaced all .. li class=”sidebar_item” to … li class=”widget” and it’s working fine now. // Thanks Chris. Later.

  • Chris

    Rock on! Nice work.

  • Geren

    Very cool, though I like things the way they are — after my full day of customizations. Anyway, the only thing I’m having issues with is in ‘navagation.php’. It seems that, for some reason, I only get a couple of pages of “previous” posts, even though I know there are many more posts that happened in the past. I’ve run into this with other themes as well, and have never figured out how to fix it. Any thoughts?

  • Nick Hebb - the Excel Flow Chart Geek

    The timing on this couldn’t be better. I’ve decided to create a web site solely for transacting affiliate sales, and I wanted a low cost, low overhead solution.

    I was leaning toward an HTML template but then I was inspired by the all WordPress site used by the software deal-a-day resellers Bits du Jour (http://www.bitsdujour.com). Seeing the Cutline template just sealed the deal.

    If I had one complaint it would be the default URL’s. All the navigation leaves off the “www.” portion of the URL. I’d be concerned with negative canonical issues down the road – with half your backlinks as http://www.sitename.com and half as just sitename.com. Matt cutts has verified that Google does treat these as separate URL’s for ranking.

    Thanks for the great WP template.

    – Nick Hebb

  • Russell James

    Hey Chris! How about telling us how we can add a nice graphic for email and rss sign-ups? Also, what about info on adding some nice graphics to comments?

    Thanks for all your work on this template!

  • Mrugesh shah

    Respected sir,

    I am using your theme on wordpress. i have not hosted it on separate server.

    The duplication of PAGES on top makes header too long, espacially in non-english languge. Is there any option, how i can remove PAGES LINE from header area.

    please guide me sir.
    thanks bye

  • Chris

    Mrugesh,

    Unfortunately, I don’t know what kind of flexibility you have on the WordPress.com hosted version. I don’t think you actually have the ability to control the pages that appear in the top navigation menu.

    If you want total control over your site, I think you should try purchasing a domain name and also getting a Web hosting package.

    There are virtually no limits to what you can do with WordPress on your own server, and for the kind of control you’re talking about, this is exactly what you need.

    For more information, check out the step-by-step guide to setting up your Web site on Tubetorial.

  • Robert

    Sorry if this isn’t the place for it, but for some strange reason, I can’t get a javascript embed to show up in my sidebar (or anywhere else on the page, for that matter). Specifically, the technorati “claim” script that you need to use to link over.

    Am I missing something really obvious here? I didn’t seem to have any trouble in the past when I used the Kubrick theme.

  • Michael

    Chris, what license is Cutline released under?

  • Chris

    Michael,

    Cutline is released under Creative Commons Attribution — ShareAlike 2.5 License. This means that it’s ok to use as a commercial site and also to make some modifications, but you must retain attribution as it appears in the footer.

    Just about the only thing you can’t do is repackage it, call it your own, and sell it.

  • Vee

    Just want to say, that I love your theme. I use it over at WordPress.com and although I cannot customise in any way have found your theme to be really clean with splashes of colour, without being to colourful.

    As far as pullquotes go, currently at WordPress.com I cannot use them as there is no widget for them.

    But I have found a work around that I like, and that is using adobe photoshop writing my text in different fonts and colours, then saving as a gif. to upload as a picture, then I can place this unique pullquote anywhere I want to.

    Again, thanks for your theme. I love it.

    V

  • Daniel

    Chris,

    I am new to WordPress. I just imported all my blog posts from Typepad and I am using your Theme. I love the look, and I am beginning to customize things as best I can. Being a newbie, there is a bit of a learning curve. One question I had was about adding additional link content to the sidebar. I would like to add a list of my most important posts, and I haven’t figured out how to add new lists, as of yet. Any help is much appreciated, and great work on the theme!

  • Neil

    Chris – great theme! I’m noticing that I am experiencing the same issues as Geren (Sept 29) with navigation.php. Not all my “previous entries” are accessible; it’s almost like I get 2 pages of each. And it doesn’t display at all on the home page. Any idea why this is happening? Again, awesome theme; thanks for creating this for all to use!

  • Russell James

    Hi Chris, Is it just me or is the RSS sign-up not working with this theme?

    Also, how about a ‘notify me of new comments’ checkbox under these comments?

    Thanks!
    Russell.

  • Chris

    Neil,

    I think that’s how the WordPress code is actually written — deeper internal navigation is meant to be done via archives.

    If you want to delve into this issue further, check out the WordPress Codex, and search for “previous posts link” or “next posts link.”

  • Chris

    Russell,

    I’m not sure what you mean by RSS sign-up. If you’re thinking that all RSS links should point to a Feedburner address, that’s actually something that you have to add manually once you’ve signed up with Feedburner.

    The built-in RSS link points to your RSS 2.0 feed, which is the most modern feed that you can publish.

    Syndication sites like Feedburner use this RSS 2.0 feed to work their magic.

    Also, regarding the “notify me of new comments” checkbox — that’s actually a plugin called Subscribe to Comments which you can download from here.

  • Angela

    Chris – I really like this theme and I am using it in WordPress.com so I don’t have access to all the code nor do I desire it. I am having trouble there getting the styling for my images. I am not sure if I am having a theme issue or a WordPress.com issue, but I just really want the frames back. It has been suggested to me that I do this from the code of the post but do you know if or how I can do this from the text editor of WordPress.com. If you don’t, that’s fine.

    BTW I loved the automatic styling and when it disappeared from my blog this is what started my questions. I guess I just share your tastes in how things should look as the only themes I have used in WordPress.com are yours. Thanks for your designs.

  • Chris

    Angela,

    All you need to do is switch to the text or HTML editor instead of using the WYSIWYG editor.

    You can compose your post in the WYSIWYG editor, but when you want to add classes to your images, switch to the HTML editor and add the classes to your images.

    You needn’t be afraid of the code, because your image references should all closely match those described in my post, Image Handling with Cutline.

  • Angela

    Okay, thanks for your help. What a great idea to use the site to show people what the theme can do. Thanks again.

  • Michael Clark

    Did you mean to include the __MACOSX folder inside the Cutline.zip file? I unzipped the zip on my linux server, and was surprised to see the OS X stuff.

  • Chris

    Michael,

    That’s a product of using the Archive utility on a Mac (which is what I used to produce the theme).

    So, although it wasn’t necessarily intentional, I was aware of the fact that the Mac OS X folder came with the download.

  • AY

    Hey Chris, superb theme!
    I have only one problem – I can’t figure how to put background color πŸ™
    I mean – BODY is #000000 (black) and CONTAINER #FFFFFF (white, as is by default).

    Everything works ok in IE, but in FireFox (latest version) – no – just black everywhere πŸ™

    Did not modified anything else, just “background-color:#000;” to “BODY” πŸ˜‰

  • Chris

    AY,

    Because the #container div is not floated, it does not actually “wrap” the interior content. Therefore, changing the background color of that element alone will not make the page white.

    Instead, change the background color to white on the following elements:

    • #masthead
    • #nav
    • #content_box

    That ought to do it!

  • AY

    Thanks friend! πŸ™‚

    Here are directions anyone shoud do in order to get this normal way πŸ˜‰

    1. add background to the footer
    2. add padding to #content – > width:480 instead of 500 and padding-left/right:10px; πŸ™‚

    Thanks for the point friend!

    Superb theme, just what I was looking for πŸ™‚

  • Chris

    Although he didn’t mention it above, what AY means is that when he applied background colors to the elements specified in my last comment, there was no padding (no whitespace, if you will), between his black background and the text of his posts.

    If you really want to add a background that’s a dark color, I recommend simply adding a second wrapper div, just inside the #container div. I’ll go into this in-depth in a coming post, because I’m seeing a need for more support and direction within the “modder” community.

  • Chris

    hey man, I love the theme, but I run into a weird error when I try to load it.

    My screen fills up with error messages that all begin with:

    “WordPress database error: [Data truncated for column ‘autoload’ at row 1]”

    I can switch back to one of the two default themes, and it’s aok, but try to switch to cutline and the funky errors happen. Can’t find much using that error message to search for. Any ideas?

    Thanks!

  • Chris

    Chris,

    I have never encountered an error like that which you’ve described here, so without your login details and/or server access, the best I can do is suggest possible remedies…

    With that in mind, I’d suggest you first check on your WordPress installation and ensure that you’re running version 2.0.4.

    Once you’ve done that, you might also consider dumping the Cutline folder and then reinstalling it as well.

    Finally, if you’ve installed plugins, you may want to deactivate those to test for a potential conflict.

    Other than that, you’re kind of on your own here unless you want to direct that question to one of the many WordPress support forums or wikis out there.

    Good luck!

  • Chris

    OK, figured out the issue with the funky database error…There was a bug in the K2 theme, that has since been corrected, that can sometimes cause an issue when installing the theme.

    The fix is in the functions.php file…change the 12 instances of $autoload to ‘yes’ (with the ticks) and that does the trick.

  • Chris

    Very strange, but excellent job on the fix!

  • Yuri

    Hello there, Chris

    As you used a Mac to archieve the theme, it can’ t be unzipped under Windows completely. I had to run WinRar to unzip all the files from the .zip file.

    Care to run standard Zip archiever next time?

    Thanks.

    Thanks for the theme, too πŸ™‚

  • John

    I’ve recently decided to move from blogger to WP! I’ve installed WP and the Cutline theme on my site and have been trying to set up the Adsense Deluxe plugin per instructions at tubetorial.

    When I click on “add adsense block” I get the following error message: “Cannot load adsense-deluxe.php.”

    Any ideas? Have I installed WP, the theme, and the plugin correctly?

    Thanks for a great theme and any help you can muster! πŸ™‚

  • John

    I solved my own problem, I think. I adjusted where I put the adsense deluxe plugin files and it seems to have fixed the problem. Thanks.

  • John

    Is there a way to align adsense ads ot the left? The “ad” class seems to only postion the ad on the right side. Thanks!

  • Kevin

    This is quite possibly the best WP theme I have used to date. Any chance of releasing a 3 column version of Cutline?

  • Chris

    John, to align an AdSense ad to the left, use the class ad_left.

    Now, within the context of your WordPress administration panel’s posting page, your AdSense declaration would now look like this:

    <div class="ad_left"><!--adsense--></div>

  • Chris

    Kevin, that’s in the works. I’m torn between trying to accommodate the 770px width that you see here on the two column version, or simply expanding everything to 900px wide for the 3 column version…

    Maybe I’ll set up a little AJAX poll or something.

  • Spence

    Chris,

    Fantastic theme, I completely adore it. Anything I’ve ever done for web publishing has been done in Dreamweaver and I’m trying to get my head around the coding to modify the theme as I need it…trying is the key word. πŸ™‚

    Right now, though, I don’t need much modification…I’d just like to have categories listed in the sidebar. I think it was mentioned elsewhere in comments, and I did a Google search in hopes that someone else had posted modified code somewhere…but no luck.

    Can you help me out?

    Thanks,

    Spence

  • Chris

    Spence,

    In order to add categories to the sidebar, simply add this “block:”

    <li class="widget">
       <h2>Categories</h2>
       <ul>
          <?php list_cats(); ?>
       </ul>
    </li>
  • Spence

    You totally rock. Thanks for the prompt reply!! over the course of the next month or two, I’m planning to open a few more blogs all with this theme. I’ve run through quite a few of the “top” themes and, honestly, don’t think there is ANYTHING that tops Cutline, especially in terms of formattting content in a professional, aesthetically pleasing and intellectually effective manner. πŸ™‚

  • Chris

    Thank you very much!

    Of course, I believe that, but let’s try and keep that on the DL, k?

  • Josh

    Is it possible to edit the CSS or one of the files to change the color along the edges, ie the white space.

    I am still in the learning stages of css, and wasn’t sure if this was already in there and coded for white or if it is something I can add.

    Thanks, hope my description is clear.

  • Mike

    I vote 900px.

    Go big or don’t go is my motto … for burritos anyway !

    Might as well be for themes too.

Leave a Comment (Need help? Visit our Support page and Forums first.)