Today we have a zesty orange colored free WordPress theme, hence the name Orange Zest. It has a widget-ready sidebar.

Orange Zest Theme Screenshot
Live Demo | Download

Subscribe to RSS

By: Leland on Mar. 27

Bookmark and Share

14 Comments »

Comment by Anto
2008-03-27 19:26:01

Now your talking man.

Looks amazing. Love the colors. Nice clean and simple!!

 
Comment by Mounira Subscribed to comments via email
2008-04-24 01:32:48

thanks a lot for this theme. It works fine, it looks nice, it improves the readablility of the blog.
Also, the templates are very well structured and it makes it easy to adapt even for a real real dummy.
Thanks a lot for sharing this great work.

 
Comment by conreyt
2008-05-18 10:56:34

This theme is amazing. Only problem is I can’t add pictures to posts as it doesn’t resize around images well.

Any ideas?

Thanks again for a great theme.

-Theron

Comment by Leland
2008-05-18 11:08:01

@conreyt: Hmm…do you have a link to where this is happening? I’m not quite sure what you mean. Thanks.

Comment by Tim Brown
2008-05-20 20:13:40

I have been hunting for an orange Grey theme for a while. I even tried to edit K2, but that was over my head. Not to mention the problems it created with my widgets. So far I am very impressed with Orange Zest.

I have noted a couple of problems with the display of photos in this theme as well. In the main page, if a photo is taller than the text, the end of post Grey bar will display just after the text ends, not the photo. See http://www.timbrown.net/ for an example. Also, I have page for my bikes that was a total pain to get the photos to display above the text instead of beside it. None of the alignment selections seemed to fix it. I ended up putting the text and images into tables as a workaround.

Also, any chance widget collapser might work with this theme in the future? Thanks.

(Comments wont nest below this level)
 
 
 
Comment by Leland
2008-05-20 20:19:29

@Tim Brown: About the issues with image alignment, I think the problem may lie with Orange Zest’s stylesheet. Try to find the following:

#left_side img { float: left; padding: 0 10px 5px 0 }

and comment out the float: left; like this:

#left_side img { /* float: left; */ padding: 0 10px 5px 0 }

Can you clarify what you mean by widget collapser? Thanks for your comment.

Comment by Tim Brown
2008-05-21 08:27:59

I made the change above:
#left_side img { /* float: left; */ padding: 0 10px 5px 0 }
And the image in the post still overlaps the bottom post border.

Sidebar Widget collapser is a plug-in that adds a [-] or [+] beside each sidebar widget allowing them to be collapsed or expanded.
http://freepressblog.org/wordpress-plugins-2/sidebar-widget-collapser/
I think the problem may be variable names in the theme and what the plug-in expects to see.
Thanks for your help.

 
 
Comment by Leland
2008-05-21 09:35:31

@Tim: Okay, this must be some other “float” in the stylesheet causing this. I’ll test some images out on the demo server to see if I can figure it out.

I’ve never heard about the Sidebar Widget Collapser but I’ll certainly look into it.

Comment by Tim Brown
2008-05-21 12:57:19

Found the float that was causing the problem. It was right below the first one you recommended commenting out.

.when { /* float:left; */ color:#999; padding:14px; font-size:11px; }

Thanks.

 
 
Comment by conreyt
2008-05-21 13:06:13

Tim,
Did commenting out that line correct the issue?

Leland,
My behaviour was the same as Tims..

-Thanks

 
Comment by Leland
2008-05-21 13:15:46

@Tim: Thanks for the update, glad you got it working.

@conreyt: It looks like it should correct the issue. Could you try commenting out those 2 floats in the stylesheet and see if you notice an improvement?

 
Comment by conreyt
2008-06-20 15:11:56

@Leland: all fixed.

 
Comment by Alex.Rainy
2009-06-04 04:51:13

Very nice theme! But how can I move sidebar to the left instead right?

 
Name (required)
E-mail (required - never shown publicly)
URI
Subscribe to comments via email
Your Comment (smaller size | larger size)
You may use <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> in your comment.

Trackback responses to this post

Recent Comments

  • Jeffro: Better late than never, happy birthday to you and the blog man :)
  • Leland: @Kieran: No problem. Yeah, I understand this wasn’t the final version, but it’s nice to know you...
  • Kieran: Thanks for the review! :) I rushed this theme out to the email list as more of a beta than anything - I mean,...
  • Kyle Eslick: Congrats on the milestone Leland! I’m proud to say I’ve followed this site for most of that...
  • Rodney Garcia: Hello. Wonderful work! I was just wondering how I can have the photo follow the align left or align...

About The Author

Welcome to Theme Lab. My name is Leland, and I run the place. I write all the tutorials and code all the themes you see here on the site.

For more information about me, feel free to read the about page. If you want to drop me a message, feel free to contact me.

Interested in advertising on Theme Lab? We have advertising available at very reasonable rates. Head on over to the advertising page for further details.

Please read our Privacy Policy and Terms of Service in regards to theme usage.

© 2009 - Theme Lab - Powered by WordPress