This question comes from Gene Packwood and is something I thought a lot of people may want to figure out how to get done with the Cutline Mod theme, so I decided to write a post explaining the main navigation links in detail.

Click to continue →

I’m currently wrapping up production on version 2.0 of the Cutline Mod theme. That being my first public theme release, I’ve learned a lot; namely that what you do with your theme and what everyone else does are completely different. That small fact brought out a lot of style issues in the theme. Click to continue →

I’ve had several questions about how to change the size of the image along the left side of the theme…the one that says “Cutline Mod Theme.”

After I got all these questions, I realized I hadn’t quite implemented an ideal method of displaying that image…well, you live and learn. That image is in the code for all the different page templates for the theme, of which there are 7, the blunder on my part was setting an image size in 4 of those template files and not the rest, which is probably why, if you’re having this problem, you’ve noticed the image is only sized wrong on certain pages…like I said, not exactly ideal. I’ll make sure I solve that problem in the next release of the theme. Anyway, here’s exactly what to do…

Steps to Change the Left-side Image Size - Cutline Mod Theme

All 4 files you need to edit have the following line of code near the top that displays that image:

<img src="<?php bloginfo('template_url'); ?>/images/sideimage.png" alt="<?php bloginfo('name'); ?>" title="<?php bloginfo('name'); ?>" width="35" height="281" />

You’ll need to change the height and/or width attributes in that line to match the image you use to replace it. Here are the files you need to change:

1. archives.php - Line 12
2. archive.php - Line 6
3. search.php - Line 6
4. index.php - Line 4

That should do it. Thanks to everyone who brought this problem to my attention. This was my first Wordpress Theme release, so bear with me as I get all the kinks ironed out for the next release. Also, if you have any suggestions for the next release, leave a comment and let me know - and remind me to get that suggestion box I’ve been working on up and running!

Valid XHTML & CSS really helps ensure a Wordpress theme is going to display accurately across different browsers. So, as expected from a quality Wordpress theme, the Cutline Mod Wordpress Theme validates to XHTML 1.0 Transitional and CSS 2.1.

I went ahead and used Transitional as the standard because Strict is a bit too, well, strict. Once people make the changes they like to make to personalize the theme as their own, that Strict validation will go right out the window. Transitional allows a little more leeway for those who care about their themes validating so they can make some changes without worrying about throwing the whole validation thing out the window.

Click the image below to download the Cutline Mod Theme in either of 3 formats: zip, rar, or 7z.

Zip

RAR

7-Zip

You’ll notice that the name of the blog goes in the sideways image to the left. The goal here was to keep the title unobtrusive, yet still visible, in order to keep the attention focused on the content rather than having a big bad title blaring right in your face.

The image is a PNG and can be edited online with this killer image creator over at interactimage.com. Or, you can edit the image in Photoshop or your favorite image editing software.

You are looking at my Cutline Mod Wordpress Theme, developed by me, also known as Mirage Design Works and based on the Cutline 1.1 theme by Chris Pearson. Cutline 1.1 was used as a foundation for this theme, but much of it’s look and feel was inspired by Pearsonified, Chris Pearson’s own blog (thanks Chris!).