Posted on

Meet Twenty Thirteen’s Multi Colored Child Theme – Holi

No wonder the Twenty Thirteen WordPress theme ignited so much discussion. It’s opinionated, bold, but still leaves your content to do the talking. It’s clearly a 180-degree turn from all the previous default themes and blandness we’ve become accustomed to.

It’s orange as it gets, folks, there’s no point in denying its Buddhist heritage. But hey, we realize not everyone is fond of meditation or agrumes, so we’ve made other flavors of that awesomeness called Twenty Thirteen.

Meet Holi. Holi, these are the WordPress fans.

Holi is a Twenty Thirteen’s child theme. It comes in 9 different color schemes and we plan on adding some more.

If you’re an end-user, you’re going to like the fact that Twenty Thirteen and its colorful child theme, Holi, have been created using WordPress best practices so they’re compatible with all other WordPress products coded in the same manner. All the functionality you want and need can be added using plugins, so you can switch to a different theme at any time, without worry.

Holi requires you to have Twenty Thirteen and WordPress 3.6 installed in order to run.

The theme has the following 9 color schemes, which you can set in the Theme Customizer:

  • Blue
  • Gray
  • Pink
  • Purple
  • Red
  • Sepia
  • Turquoise
  • Yellow

We’ve all waited so long for the new WordPress 3.6 (Oscar) update. It’s a great update with a really nice default theme. While the most of you liked the looks of it, you might have soon realized that with its strong presence, no way your visitors would not recognize it.

Holi is here to change that.

If you’re a developer, you should know that Holi is built using Sass, so you can add more color-schemes and customize its looks easily. We welcome you to dress Holi into different colors on GitHub.

If you want to see other skins, download Holi, see how it looks and tell us your suggestions in the comment section below. Share your Holi powered websites, as it would make us very happy to see it serving its purpose. Receive more of the WordPress goodies by subscribing to our mailing list.

Free Marketing Updates
Get the best marketing practices in your inbox.
We always respect your privacy.

Dragan Nikolic
I am a co-founder and editor at ThematoSoup, sharing marketing best practices, tips on how to simplify your online business and make it more manageable.
Dragan Nikolic
Hey @tj_reinhart do you accept new affiliate partners on Sumo? - 5 years ago
Dragan Nikolic

44 comments Meet Twenty Thirteen’s Multi Colored Child Theme – Holi

  1. OH THANK YOU SO MUCH ! I just discovered Twenty Thirteen with the last upgrade of WordPress and really liked it. But the orange color… hem hem. Not very fan. So when I saw the multicolored version here, I was sooooo happy. I chose the red one after try every colors. It’s very cool to give us the choice :)

    Thanks a lot from Martinique ;)

      1. I am not able to have my readers leave a comment on my post. I have the comment box checked. Can you please help? Thanks

  2. Does it change only the main graphic colors, or does it change the other colors also? For example, the space where the page titles are ( in the example above — About Amazon Store Blog Home……..etc), and other places as well.

      1. Very cool work. But another question if I may. i would like to change the color of the space just below the header pic where the page titles are to a custom color. And, the same for the space where it says “Proudly Powered by WordPress”. I have been looking through the editor-style.css to figure out just where that is, but can’t seem to find it. And, I’m not sure I’m even in the right file. Could you point me in the right direction please? Or is there already something implemented that I am missing.

        1. Thanks. I think it’s best you ask a developer do this for you, since there are no color pickers in the theme and you’d have to be comfortable with PHP and edit footer.php file for that “Proudly Powered by WordPress” to go away.

        1. It’s that plugin, there’s no doubt, but I cannot tell for sure whether it’s caching or something in the database that doesn’t allow it to go away.

          You could also ask AuthorSure developers for the fix, maybe they’ve experienced this problem.

          1. This is the first time I encounter this kind of issue. You could try deleting the plugin or using one of the WordPress cleanup plugins (WPDBSpringClean).

          2. Haven’t tested, but I think that if you just copy author-bio.php to child theme folder and delete everything in it, it should work.

            Or you can copy content.php to your child theme and delete three lines near the end of it that load author-bio.php:

            <?php if ( is_single() && get_the_author_meta( 'description' ) && is_multi_author() ) : ?>
            <?php get_template_part( 'author-bio' ); ?>
            <?php endif; ?>

  3. Cool. I hadnt realised until a few months ago that WP child themes work in the same manner (ish) as Magento theme dev and need to get stuck in to some projects and get to grips with it all.

  4. Dragan I love the twentythireen but the color for my Mom’s new blog so glad I found this Child theme she loves the green all of it except for the brown in footer widget area she wants a lighter color like white could this be done could I edit in Edit CSS instead of going and doing main child theme CSS want to be sure before changing anything I have done changes on colors before in CSS in older theme l but not sure of this new theme layout .. plus if there is upgrades or updates on twenty parent or wordpress would any changes be lost with this child theme ..

      1. Thanks .. I have Jetpack on her site will use it for the change .. just wanted to let you know I love your theme so much I used on my 2 blogs.

    1. This is probably something caused by parent theme, since Holi only changes colors, but I’d be very surprised to find out IE8 is on the list of 2013’s supported browsers.

    2. Mike,

      As Slobodan already wrote, Holi only changes colors. Layouts and other functionality still remains within the Twenty Thirteen parent theme and IE8 is probably not among its supported browsers.

  5. The TwentyThirteen theme itself looks fine on IE8. It looks like more than 8% web users are still on IE8. Is there a demo of Holi anywhere that I can compare to my install? Thanks a lot, guys. Mike

  6. Hi Dragan – love the Holi look – thanks so much for making this available.

    I have a 2013 child theme that I’ve made a lot of customizations to, and would rather not make those same alterations to 2013 itself. Is there a way to point the Holi CSS to my child theme instead? (Does that even make sense?). If you could let me know if that’s possible, I’d surely appreciate it. Thanks again!

    1. Mike,

      Thanks for commenting and glad to hear you like Holi’s colors. I have no experience using them, but I think you can use a grandchild theme (although it doesn’t seem to be officially supported by WordPress. There’s several posts explaining grandchild themes, here’s one:

      I hope this helps, but let me know. As an alternative to this, you can just grab Holi’s CSS and apply it to your child theme.

      1. Thanks, Slobodan! I was able to basically get the CSS working. I am still having one issue, though, and I wonder whether you might be able to help me with it.

        I have a site in progress using twenty thirteen/holi here: .

        The navbar text links to anchors in the same page. When these nav links are clicked on twice (not once, oddly, the anchor divs are surrounded by an ugly gray box (this is in both Chrome and Safari on Mac).

        I assumed this had something to do with a:visited or a:active CSS code in the Holi theme, but haven’t been able to eradicate the box. Do you know if this is something to do with Holi?

        Thanks for your help!

  7. I have uploaded a few headers which I’m displaying randomly, but want to delete a couple of them. I deleted the actual images from within the uploads/year/month folder, but is it via the DB that the calls need to be removed?

Leave a Reply

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

This site uses Akismet to reduce spam. Learn how your comment data is processed.