Early Morning Child Theme

This elegant WordPress theme was inspired by the colors of the early morning as I see them from my window. It’s light, elegant and pleasantly surprising.

This theme doesn’t scream at you, instead it takes a step back and lets the user read. Please don’t spoil it by putting ads on it!

Early Morning - A refreshing child theme for Thematic

Early Morning – A refreshing child theme for Thematic

You also have some nifty options:

  • You can upload your own logo
  • It comes with it’s own custom designed Twitter widget, so your visitors can see what you’re doing from your blog
  • If green isn’t your style, it comes with 5 background options that you can select from the Early Morning Theme Options (Green, Turquoise, Brick Red, Gray and Black)
  • Has a one column page template and archive template
  • It’s been tested and works on Firefox 3.5, Safari 4, Opera 9, Chrome, IE7, IE8

In order to install it you have to download the Thematic Theme (from which this child theme inherits all of the functionality), upload both themes (Early Morning and Thematic) to your server in the themes folder AND THEN ACTIVATE the Early Morning Theme.

About Cristian Antohe

Cristian Antohe is the co-founder Cozmoslabs. He's a WordPress developer, web designer and Open Source fanatic. He's part of the team that developed Profile Builder and WordPress Creation Kit and also helps curate wpMail.me.

Find me on: Google + | Twitter

177 thoughts on “Early Morning Child Theme

  1. As usually, it looks amazing and well balanced. Congratz!
    One thing though, sliding menu is positionned slightly too left (in Opera 10)

  2. Pingback: Today in WordPress world - 20/07 | Links | WereWP

  3. Beautiful work guys! Thank you for making it available. I’m constantly amazed at the wordpress community and at sites like yours. Thanks again.

    • Perhaps I did get to inspired. Your design is one of those you love immediately when one sees it. I hope I don’t get to your wall of shame… if you have one! :)

  4. Pingback: Twitted by adrianpelletier

  5. This is gorgeous! It just may be the ticket for my art blog. (floral photographs with an antiqued photoshop / painter effect.)

    If I use it, I’ll come back and post a link, etc.

      • OK, this is my first testing. As much as I love your backgrounds, I thought the gray was better for my subtle photographs. This blog is very much a beginning, including the logo, but thought I’d give you a peek. I feel so lucky to have found such a classic, slightly romantic, perfect background for my art. Now I have to figure out how to do all the sidebar stuff. Thanks!

        http://www.leslienicole.com

  6. Pingback: Early Morning: A Thematic Child Theme

  7. Pingback: Early Morning Child Theme Per Thematic | Altamente Decorativo

  8. Dear Cristi,

    This theme is quite exquisite and it’s going to be perfect for a niche I’m planning to do – once I sort out a few teething troubles! At the moment I’ve put it on a sub-domain (http://arthemiamirror.japanesemapleguide.com/) that I use as a test bed for layouts and new plugins for an existing site, so there are just random posts, etc, on there.

    The main problem is the header logo – the site is on Hostgator and all folder permissions are 755. I’ve changed the permissions to 777 on the uploads folder and all folders below that, in this case 2009 and 08. The file I want to use uploads to the 09 folder ok using your form but nothing appears on the page. Am I missing something here? Do permissions for higher level folders have to be changed as well, do file names have to be all lower case or no gaps? While I can always put a logo image in the index top widget area, I’d rather use that for something else and do it properly.

    The next problem is drop caps. I think they are extremely elegant when used correctly but unfortunately in the Early Morning Child Theme they are surrounded by a visible box that draws attention to the excessive gap between the drop cap and the rest of the word. Is it possible to make the box width variable depending on the letter and also to remove it?

    My third problem is the drop down page menu – the box containing the sub heading is excessively wide and goes over the boundary; you can see it when you click on ‘contact’. Can these boxes be made smaller or at least give them a transparent background?

    If you can help me in any way it would be much appreciated as this is probably the best free ‘premium’ theme I’ve ever come across!

    Best regards,

    John

  9. Pingback: 清爽简洁主题: Early Morning | Wordpress主题下载站

  10. Still working on my own child-theme in Thematic in my spare time (nearly none) and determined to make a go of it. If I were to ever just grab a ready-made theme and be done with it, it would be “Early Morning”.

  11. Oh wow.
    This is gorgeous. Clean, content-centered, elegant, with tiny little details for a sophisticated flourish and that burst of colour that is the background.

    I have to say, this is one of the best themes I’ve seen you do. & I like your use of text-shadow in the footer. It honestly makes me want to forget about doing my own theme and just snag this one. ^^

  12. First off, this is a beautiful child theme, thanks! I would like for my posts page to have a wider content area, is there a way for me to not call the sidebar?

  13. Cristi:
    I have been through testing dozens of themes. I will state without shame all free at this point as I would not invest in anything until I was totally comfortable (and a little more ‘flush. I am amazed at the creativity of yourself – and a few of your peers – and the outstanding themes they release for free.

    This is, without a doubt, one of the most simple, yet elegant designs I have found – and the simplicity of changing the backgrounds is unique I believe. Many strive for this, you have nailed it! (IMHO).

    Thank You! (But what is there to buy now)?!

    Al

    • Your title is a bit to long. However you can modify the css so it accommodates a longer one.

      Open the file style.css inside Early child theme and search for the declaration #blog-title . Inside it change the width: 335px to 400px and also the declaration #access, change the width from 500px to 400px… See if that helps and let me know!

    • Hi. To show the description open the file functions.php and change the line remove_action(‘thematic_header’,’thematic_blogdescription’,5);

      with

      //remove_action(‘thematic_header’,’thematic_blogdescription’,5);

      However after that you’ll have to style it using css so it looks nice! (you can do that in the style.css file).

  14. Pingback: Early Morning Thematic Child Theme | kutchdesigns.com

  15. Nice theme! We’re using it for our family blog. Noticing an issue, though. The built-in WordPress 2.8.4 Gallery formats odd. We select “5” and we get 3 on one row, two on the next. Select “2” and we get a single column…etc. No changes have yet been made to the theme and the same thing occurs when all plug-ins are disabled (just Auto Thickbox and Lifestream so far.)

    See it here: http://douthit.org/2009/09/at-the-fair/

    • Ryan, try to use the One column page template to add the gallery and see if that works( however this is for pages only ). I’ll try to test it with a gallery my self and see how that goes.

      • Nope, that doesn’t render any differently. I’ve now noticed that the same problem exists with Hybrid-based themes. Though, Kubrick and Thesis work just fine (as do others).

      • I reported the same issue to Hybrid maker, Justin Tadlock, and he said the problem is from invalid XML in the Gallery module. Justin suggested I load the plugin he wrote, “Cleaner Gallery” and that worked.

    • The upload is for your logo. If you want to change the banner just replace the image: ‘earlymorning/images/branding_bg.png’ and make sure it’s exactly Width: 940px Height: 115px. After that upload an 1px by 1px transparent gif file in the back end. That should do the trick!

      • Cristi — I realize this is most likely a total newbie question but where do I replace my banner for the logo? Not sure which part of the editor to do so in. My other blog uses the ProPhoto blog themes and apparently is much easier to fiddle around with (at least for me!).

        Thanks!

        • I doubt you can do that from the theme editor. The best way to do it would be using FTP, connecting to your hosting server and then replace the branding_bg.png file inside wp-content/themes/earlymorning/images.

          Now that I think about it you could upload your header (make sure it’s exactly Width: 940px Height: 115px. ) in the Media Library. Copy the url to that image and then open the theme editor -> style.css and search for #branding. After you find it replace

          background: url(images/branding_bg.png) top left no-repeat;

          with

          background: url(http://www.yourblog.com/wp-content/uploads/my-header-image.jpg) top left no-repeat;

          I know this is rather technical but I hope this helps you! :)

        • @Anand Philip Unfortunately there isn’t a easy way to doing that. There’s a lot of css to modify in order to change the width of the content consistently and make it look good also.

          I’m afraid you’ll have to dig into my css and make those changes.

  16. thanks cristi

    messing around with the css is not worth it, but i would like to at least increase the font size and increasing it to 14 px in the style.css doesnt seem to make a difference is there something else i should do?

    • In the style.css of the earlymorning theme go to line 411 (or search for body, input, textarea and go to the second declaration ).

      Probably it didn’t change for because it’s declared in 2 places :) My bad! Will note it down and update the css accordingly so you’ll be able to change the font size in just one place.

  17. Pingback: 清爽简洁主题: Early Morning « WordPress主题博客

  18. Pingback: Client launch: Lumina Consulting Group

  19. A good design, very affordable and simple code topic. It is for pure blogging in the classical sense. Posted on its website information with reference to your resource.

  20. Pingback: Build WordPress Sites Fast With the Thematic Theme Framework | Es Developed - Fresh Website and Graphic Design

  21. Hi,

    Great theme! Just one comment, make sure you add the ‘alt’ attribute to the main banner image tag, this will render it XHTML valid via W3C validator. :)

    Line 67 …-content/uploads/2009/07/logo.gif" alt="" />
    <!-- #branding …

    Cheers,

    Tracy

  22. Above someone posted this question…”how can i increase the width of the reading area a bit? and decrease the right sidebar width?”… you answered that you have to go though the ccs and modify it. I would like to do this…so what exactly do I have to change?

    • In the style.css search for:
      #container, #content, .main-aside, .page-title (it has a 50px margin left), .hentry, .entry-meta and .entry-date.

      These are the elements that need to be changed so that you get another width for the content!

      Let me know if that worked out ok for you!

      • Sorry to be a pain but for some reason the Early Morning Theme Options button isn’t appearing anymore under the Appearance tab and it had yesterday when i installed it for the first time.

      • So it seems that if I change anything in the ccs the Early Morning Theme option button isn’t appearing anymore under the Appearance tab. Any suggestions?

        • That can’t be from changes in the css. Something else might be the reason for the button to disappear. Most likely changes to the functions.php file.

          You could try to delete and reupload the theme. See if that changes anything. Also backup any changes you made to the style.css so you don’t lose them!

  23. Hi! I love this theme and I am currently using it for the site I am building for a client. The problem is though that I can’t get the logo to show up at all. I’ve changed the write permissions for the uploads folder and all of the subfolders. But I am still getting a red x. How do I get the image to work?

  24. I also love this theme. Is there any reason as to why adding a caption to an image within WordPress removes the grey outline borders from the images? Can I have a caption and the border? If so, how can I change this? Thx.

    • I guess I forgot to test it with a caption! Check back in a couple of days on this comments list and I’ll post an update! (You can use subscribe to comments so you’ll get email updates!)

      • Thanks Cristi. Any news with this? Sorry to be a pain. I was also wondering whether there is a way of indenting the ‘description’ text for the categories. It currently sits flush with the left border when a category is selected. Thanks for the great theme. It’s actually working really well for me.

  25. Pingback: LuminaConsultingGroup.com

  26. Pingback: Early Morning : Free BuddyPress Themes

  27. Pingback: Thematic, A WordPress Theme Framework « 1001 Weblogs

  28. I’m helping a friend with their wordpress website; using this theme, I find that the caption is receiving the large capitol letter that should go at the beginning of the post (what is that called)

    Some other people seem to have had similar problems; is there a work-around?

    Thanks!

    • You might try to post this on the forums.

      Right now the Drop Cap is applied to the first paragraph tag followed by a capital letter. So if you put the caption first then it will make it a capital letter.

  29. Pingback: Lumina Consulting Group

  30. Pingback: Темы Wordpress | WordPress

  31. Cristi –

    I am using the Early Morning on one of my blogs and I have a slight issue. In the sidebar, everything seems to align nicely in the lists except for the blogroll widget. There is too much space between the links and it just looks funny. The other widgets for recent comments, archives and etc are fine – nicely spaced above and below each one. But again, the blogroll widget seems to have extra spacing. I can’t seem to find anything in the css that is out of place.

    You can take a look at http://www.raynefire.com

    Any thoughts?

    Thanks!

    • Hi Rayne

      I too encountered this issue and I got around it by downloading a new plugin called ‘better blogroll’ which seems to have solved the problem.

      Sorry, I know I shouldn’t reply here but the question has not been posted in the new forum yet. Hope this helps.

  32. Pingback: Installing BuddyPress on a Webhost « Disparate

  33. Hi, I am using the Early Morning Theme and it’s great. I was wondering how to limit posts to the excerpt when they appear on the home page. I entered an excerpt, but the home page always shows the full post.

    I have Front Page Displays —> Your Latest Posts
    and For Each Article In A Feed, Show —> Summary

    Thanks,

    Mike

  34. Pingback: Frühjahrsputz | Ruhestoerung.net

  35. Mixed case logo name problem

    I uploaded a logo via the Early Morning theme option page.
    Filename MyRedLogo.png

    The logo did not display.
    When I looked in the uploads directory, the file had been uploaded correctly.
    However the page source code was looking for filename myredlogo.png.

    This would have been OK on a case insensitive Windows server but fails on my unix host.

    Is this a problem with the early Morning Theme or WordPress 2.9.2?

    Thanks
    Adrian

  36. Hi, I really love your theme…But I am using Blogger platform…So, i managed to convert this theme to Blogger version and I successfully converted it. Yahooooo!!! I gave a credit/link at the footer and in the theme to you in that template. Pls have a look at this blogger version of your Wonderful theme….

    Early Morning Blogger Version

  37. Pingback: Updating Confusionart

  38. Pingback: 55 Fresh & High Quality Wordpress Themes | Wordpress

  39. Pingback: Pattern Inc » 55 Fresh & High Quality Wordpress Themes

  40. Pingback: 55 Fresh & High Quality Wordpress Themes | Unlimited Free Tips For Tech Users

  41. Pingback: 55 Fresh & High Quality Wordpress Themes | DesignerLinks | Home to Web design news, jQuery Tutorials, CSS tutorials, Web Designing tutorials, JavaScript tutorials and more!

  42. Pingback: SiteDart – Webdesign in your hands » Blog Archive » 55 Fresh & High Quality Wordpress Themes

  43. Pingback: 55 Fresh & High Quality Wordpress Themes Web Burning Blog

  44. Pingback: 55 Fresh & High Quality Wordpress Themes « epubd.com

  45. Pingback: 55 Fresh & High Quality Wordpress Themes « qeqnes | Designing. jQuery, Ajax, PHP, MySQL and Templates

  46. Pingback: 55 Fresh & High Quality Wordpress Themes « gabriel catalano | in-perfección

  47. Pingback: 55 temas de calidad para Wordpress | Recursos para Diseñadores Gráficos y Web | Creativos Online

  48. Pingback: 55 temas de calidad para Wordpress | RiCoTeRo X Blog

  49. Pingback: Early Morning – Child theme for Thematic | WP Tuts

  50. Pingback: 55 бесплатных тем для WordPress (часть 2) | Бесплатные шаблоны на любой вкус

  51. Pingback: 55 Fresh & High Quality Wordpress Themes | Gazetem Sanat

  52. Pingback: 20 Artful Wordpress Themes | De Novo Dezign

  53. Pingback: 20 Wordpress Themes for Artists and Creatives | De Novo Dezign

  54. Pingback: Free Word Press Themes Vol.2 | stevestreete.com

  55. Pingback: Henry’s Free WordPress Theme Pack #1 and More « Top Best Word Press Themes

  56. Pingback: 55 свежих и высококачественных Wordpress тем | ВСЕ ДЛЯ НОВИЧКА

  57. Pingback: 55 High Quality Free Wordpress Themes | GFC Style - Web Design, Premium Themes, Logos, Banners

  58. Pingback: 绿豆晶设计工作室 » Blog Archive » 55套高质量的wordpress主题下载

  59. hi!

    i saw somebody say this earlier, but i’m a total newb and i’m struggling to install the child theme. i have no problem uploading thematic, and when i activate it, it works just fine. i uploaded early morning and it uploaded great, but when i pressed activate, it says the theme is broken. i think you said there was an extra file somewhere? maybe? what should i do? i’ve been playing around with this for hours now! :(

    thanks!!!!!!!!!!!

  60. Pingback: 55 Fresh & High Quality Wordpress Themes « Perfect WP

  61. Pingback: 55 Fresh & High Quality Wordpress Themes | Technology Blog

  62. Pingback: themesholigan » The Thematic Theme Framework with Child Themes

  63. Pingback: 55 Fresh & High Quality WordPress Themes | WordPress Identity

  64. http://www.durhamdigs.ca

    WordPress 3.0.1
    buddymatic theme 1.2
    early morning child theme 0.2

    With the Early Morning Child theme on, the “Join Group” button only displays as a link (not a button) and it does nothing. If I click it, it disappears and does nothing. I can join groups with the default theme on though.

    Could anyone give me a suggestion on what to do?

  65. The theme is awesome. I did a lot of searching for a very simple two column, customizable theme that will provide an easy base for my website. The Early Morning theme is just the one I needed. Though I plan on editing the CSS later on, it works so well right out of the box.

  66. Can’t get the main menu (pages with drop down sub-pages) to show up in the header.

    ‘skip to content’ is showing up in that space. Could you help me please? Thanks – j

  67. Pingback: Lumina Consulting Group

  68. WordPress 3.0.1
    buddymatic theme 1.2
    early morning child theme 0.2

    When I downloaded your beautiful Early Morning Theme I got this message:
    Warning: unlink(www.aroundtheworldinholidayhomes.com/wp-content/uploads/earlymorning.zip) [function.unlink]: No such file or directory in /wp-admin/includes/class-wp-upgrader.php on line 155

    It then says installation has gone through succesfully, but I do not see any preview in the Dashboard and if I activate it, the page is all messed up. Does it mean the Theme is not supported on latest WP version or is there something else I should know to make it work properly?
    Thank you so much for an answer :-) Ciao!

  69. WordPress 3.0.1
    Thematic theme 0.9.7.7
    Early morning child theme 0.3

    When I downloaded your beautiful Early Morning Theme I got this message:
    Warning: unlink(www.aroundtheworldinholidayhomes.com/wp-content/uploads/earlymorning.zip) [function.unlink]: No such file or directory in /wp-admin/includes/class-wp-upgrader.php on line 155

    It then says installation has gone through succesfully, but I do not see any preview in the Dashboard and if I activate it, the page is all messed up. Does it mean the Theme is not supported on latest WP version or is there something else I should know to make it work properly?
    Thank you so much for an answer :-) Ciao!

  70. I searching many wp theme for my blog but I find none great, butthis themplatic childthemes is great theme for me. Simple, elegant and Fast. thanks you for build this child theme and make it free :)

  71. Hi Christi,

    I love your beautiful theme and would like to use it as a framework for my latest project. Is there anyway that I can fix it to work with the latest version of thematic? I’m still a little new to WP customization. Thank you for your hard work on this! I know you are busy with the 80+ comments from us babies.

    • HI Jenn,

      Actually we updated all the themes to work with the latest Thematic version, just didn’t got a chance to upload the zip files. I’ll do that today and write a post about it.

  72. Hi.
    I love this theme!
    But i have one question about full width pages. How can i make Full Width page actually fullwidth from side to side, now i just have some space left on right side of the page (i took all the widget’s off and select Full Width in template option when creating pages)?
    Sorry..my english is not perfect..
    Hope to get the answer.

  73. The answer to this is probably pretty obvious (especially as I’ve done it once before myself) it’s just not coming to me at the moment!

    I am using Early Morning & previously I had replaced the blog title in the header with an image of my logo, but today after making a small change to the image I tried to upload the new image and cannot get it to work.

    The logo is an Illustrator file that I save using ‘save for web & devices’ & I have tried saving the image as a .GIF .PNG and .JPG but nothing works.

    I am uploading the image using the ‘Early Morning Theme Option’ contraol panel under Appearance.

    Sorry for the simple question but I can’t for the life of me figure this out.

    Thanks, Poosie.

  74. Pingback: 罗马阳光 » Blog Archive » 55个来自国外的高质量wordpress主题风格

  75. Pingback: 50 Tema WordPress Gratis Kualitas Tinggi | bacelzone.com

  76. i tried this theme, its really wonderful especially when you read in the morning, that freshness we can feel in your theme. But i would really appreciate your help, if you could help me to remove the tags from main page and each posts, it is really making the page dirty with lots of tags. Thank you for reading this ;)

    • Hi Grace,

      Thank you for your bug report. I’ve uploaded an updated version. You can re-download it. However, if you just go to Appearance -> Header that will get you where you need to be.

      • All sorted, thanks for your help!

        I have another question – I’m finding the date listing with the “{” symbol that pushes the text in the post area to be limiting. Can you point out the bit of coding with modifies that? I wasn’t sure if it was possible to condense it slightly to make better use of space.

        Thanks!

  77. Help! I installed this beautiful child theme but I don’t see the results as per the above, nor do I see any Early Morning Theme options.

    Also, my photos are all ‘chopped’ up, can I increase the width for the content side so that I can showcase my photos?

    Please advice.

    Thanks,
    Nat

    • Hi Nat,

      I think you didn’t install the theme correctly. Basically you need to put both themes Thematic and EarlyMorning in the themes folder. I think you copied Early Morning over Thematic or something like that.

  78. I am using the Early Morning child theme but the header of my website says “Early Morning”. I cannot figure out how to change it. I do not want to add a different image, I would just like to change the text to show the title of my website.

    Any help appreciated as I really love the look of the theme and would hate to have to go looking for another that I like nearly as well.

    • By the way, I had to change the theme on this blog until I hear back from you about this. I also left a question in the forum but there has been no response for several days.
      I REALLY want to use the Early Morning child theme.

  79. This theme is amazing.
    I’m using WordPress 3.1, Thematic 0.9.7.8 and EarlyMorning 0.3 but the theme doesn’t show correctly. Some bacground images (from the CSS stype) doesn’t show correctly. The webside for the tests is: http://taoterapias.es/blog/

    To install the theme and Thematic I’ve downloaded both, then I’ve unzipped and copied them to wp-content/themes/

    What’s wrong?

  80. Pingback: Early Morning | buddy perl

  81. Hi Christian,

    This is a nice looking theme which I am thinking of using for me new niche blog.

    Is it compatible with the latest version of WordPress,

    Many Thanks
    Joel

  82. I love the fresh clean look of this theme. I am going to install in on a site I am building for a client. It is perfect for their spring garden site.
    Thanks!

  83. Pingback: 55 Fresh & High Quality WordPress Themes | How It Easy (HIE) Computing community

  84. Pingback: 55个免费新鲜的高品质WordPress主题 | Jackchen Design 1984

  85. Pingback: Setting Up Home: My New Website | Jennifer K. Oliver

  86. Any idea when activating (yes Thematic is already installed) I get errors such as these?

    Warning: Cannot modify header information – headers already sent by (output started at /home/content/96/8175296/html/wp-content/themes/earlymorning/functions.php:417) in /home/content/96/8175296/html/wp-includes/functions.php on line 861

    • Apparently we’ve introduced that bug a month ago and didn’t properly test it. Please re-download the zip file and try again. It should work as expected now.

      Sorry for the inconvenience.

      • I just now redownloaded the zip file. When i go to the wp admin page of my site this is what I get:

        Warning: Cannot modify header information – headers already sent by (output started at /home/content/36/8319736/html/wp-content/themes/earlymorning/functions.php:417) in /home/content/36/8319736/html/wp-includes/pluggable.php on line 934

        Can’t log into my blog- any help would be great. thanks.

        • Hello James,
          I have tested it locally also, and it gives no warning. So please try downloading it again, maybe try clearing your cache.

          Gabriel

      • It is really great design. I just downloaded this beautiful theme. But the Twitter widget is not working. It is crashing. Is it not compatible with the latest version of WordPress???

  87. Different seo packages companies have got their own options. We at our link building package providing services, attempt to use only the best systems of search engine optimization. Hence, just because of it we are stated as most professional seo organization in the world!

  88. I think that to get the mortgage loans from creditors you ought to have a firm reason. However, once I have got a term loan, just because I was willing to buy a bike.

  89. I am able to study very hard, nevertheless, I cannot write academic papers. Therefore, I want to search for other pathways to solve my essays creating assignments. I opine I can order Reaction paper writing. It can surely help me.

  90. I just downloaded this beautiful theme. It is really great design. Unfortunately the Twitter widget is not working. It is crashing. Is it not compatible with the latest version of WordPress?

  91. I love this theme, but I’m having some problems since upgrading thematic to the latest version. Apparently some css is messing with things. Look here: http://ccsvi-atlanta.com

    The navigation menu is broken. It used to be horizantal but now displays vertically. Is there some css that I need to add to fix this?

Leave a Reply

Your email address will not be published. Required fields are marked *


× 4 = twelve

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>