Street is something that was created from a spark of inspiration, something that I felt should look like this. This wasn’t thought out nor planed.

It uses the beautiful Vegur Free Font for the headings and main menu, implemented by Cufon (text replacement technique). I’ve spent a great deal of time searching for the perfect free font for this theme, but I think I found the right combination.

While this child theme is just a skin for Thematic, because this exact reason is also functional. You have access to all 13 Widget Areas Thematic uses, the semantically correct HTML that is great for SEO, can use a page template that spans the entire width of the page without the sidebars and even you can upload your own logo or header image from the “Street Theme Options”.

preview thematic child theme Download Street Child Theme for Thematic Version 0.1

street_theme

An elegant Child Theme for Thematic

I hope you’ll enjoy using this theme as much I enjoyed creating it!

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 (Street and Thematic) to your server in the themes folder AND THEN ACTIVATE the Street theme.

By CristianThis entry was posted in Thematic, Theme Design and tagged , , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.
  • The sooner the better: You should follow me on twitter here.

52 Comments

  1. Posted June 6, 2009 at 1:06 am | Permalink

    Hey,
    I like your themes, especially the Street Theme, it looks like you made it for my needs ;)
    Or, let me say nearly all my needs, then I’m writing in German an Street, other than the commune theme (which I also tried, but it’s to green, I like it dark), does not work with the german letters äöü, they are not displayed. Is there a way to fix this (or a chance that you fix this)?

    • Cristi cozmoslabs.com
      Posted June 6, 2009 at 9:33 am | Permalink

      Have you installed the German localization for Wordpress? http://codex.wordpress.org/WordPress_in_Your_Language .

      If you did installed it and still doesn’t work, send me a link and I’ll look over it!

      • Posted June 6, 2009 at 6:19 pm | Permalink

        Thank you, yes, I’m using the German version of Wordpress. However, I’ve decided to use commune, but with it, I have the same issue as simon (I commented on the commune-site)

  2. Ahan wpthemix.co.cc
    Posted June 8, 2009 at 2:32 pm | Permalink

    Wow quite nice and very simple!I like your theme!

  3. Posted June 12, 2009 at 9:44 pm | Permalink

    Hello Cristi! It’s being a while since I visited your site, wonderful theme design!
    You’re bringing the power of sence and simplicity, great job!

  4. Chelle appetizersnacks.com
    Posted June 14, 2009 at 7:32 am | Permalink

    I really like it! I’ve been using your commune theme in many different color variations on my sites and so definitely love seeing you come out with new stuff too! I am totally hooked on thematic now thanks to you. Keep up all the great work!

  5. Cristi cozmoslabs.com
    Posted June 14, 2009 at 11:15 am | Permalink

    Thanks every one for the positive feedback. Your comments definitely makes me build future themes!

  6. K FLYER mobileroyale.co.cc
    Posted June 17, 2009 at 3:43 am | Permalink

    Would have been great if colours were also customizable.

  7. Posted June 17, 2009 at 11:54 am | Permalink

    Nice work! One question though. I’ve notice “Asides” category is being used in this child theme. Is it possible to get something like “Recommended reading” section here?
    Once again, appreciate your work very much!
    Cheers!

    • Cristi cozmoslabs.com
      Posted June 17, 2009 at 1:49 pm | Permalink

      This theme considers the asides category just as any other category out there.

      Are you talking about “This is a widget Area” ? If so you can add in the Index Top widget the recommended reading posts inside a Text Widget or use a Category or Tag based widget that lists posts from certain category or tag!

  8. Posted June 18, 2009 at 10:29 am | Permalink

    Heh, slight miscommunication here. :) I’m talking about “recommended reading” on your blog, not on the demo site. As far as I can see, you’re using asides plugin here, on cosmozlabs. My question was, would it be possible to use asides on “street theme” with consistent match of colours and styling? Do I need to add additional css tweaks to street theme’s css?

    • Cristi cozmoslabs.com
      Posted June 20, 2009 at 8:04 am | Permalink

      I’m not using the “asides plugin”. It’s just a custom built widget that isn’t quite ready to release to the public. But I guess you can use the asides plugin just as well. With a bit of css I bet you can make it look like it’s a part of the theme.

      Try it out, send me a link and if it doesn’t look good I might give you some pointers!

  9. David 500lux.com
    Posted June 20, 2009 at 12:20 am | Permalink

    Hi, First Thanks for the awesome theme, I am using street for my website and have changed it around a little.

    I am trying to change the width to make it wider, but am having trouble figuring out which pixel widths to change to get it to work in the stylesheet.

    Any help is much appreciated, THANKS!

    Dave

    • Cristi cozmoslabs.com
      Posted June 20, 2009 at 8:15 am | Permalink

      The theme uses the standard 960px, two columns right layout that comes with Thematic.

      My suggestion would be to copy the css that you have inside ‘/thematic/library/layouts/2c-r-fixed.css’ at the end of the style.css in the Street Theme and make the modifications there.

  10. Ed newslancers.com
    Posted July 4, 2009 at 9:16 pm | Permalink

    How do I convert Street to use three columns?

  11. dimfisch dimfisch.com
    Posted July 7, 2009 at 1:18 am | Permalink

    hi Cristi,

    i’m a new at using Wordpress, Thematic and Street.
    it sure looks pretty sleek, so bravo and thanks for that!

    two questions:
    - how can i customize the colours used in the theme?
    - how can i add the tagline back in below the blog title?

    • Cristi cozmoslabs.com
      Posted July 7, 2009 at 10:34 am | Permalink

      Hi. You can customize the colors using css. Just open style.css from the Street Theme and modify the colors there.

      As for the tag line, again open style.css, search for

      #blog-description{
      display:none;
      }

      and delete it!

  12. Posted July 12, 2009 at 5:34 pm | Permalink

    Hi,

    This is a really cool theme.
    May I know how to change the font size of the post? How to change the red color bar to another color? I guess I should change it at style.css. However, I am not sure which code to change and which code represent which color. Please guide me on these issues.

    Thanks.

  13. Posted July 20, 2009 at 12:04 am | Permalink

    Hi there! this is a really cool theme! I really want to use it for a new blog project but unfortunately the German umlauts like äöü are not shown in h1 or links in the navbar.

    My guess is, that this is because the java script files can’t handle umlauts. Is there any chance I can get this to work? I tried workarounds like ü but no chararcter is displayed.

    Any help is very appreciated! Thank you for the great theme!!!!

    • Cristi cozmoslabs.com
      Posted July 20, 2009 at 10:55 am | Permalink

      Yup… the cufon font is the reason it doesn’t displays the German umlauts. To disable it open functions.php inside the Street theme and replace line:
      add_action(‘wp_head’, ‘add_cufon’);
      with
      //add_action(‘wp_head’, ‘add_cufon’);

      Also replace line:
      add_action(‘wp_footer’, ‘add_cufon_iefix’);
      with
      //add_action(‘wp_footer’, ‘add_cufon_iefix’);

      That should disable the cufon font.

  14. Dave Crowe sten-tel.com
    Posted July 22, 2009 at 7:27 pm | Permalink

    How would one go about changing the navigation bar to be left justified. Thank you for your efforts.

  15. Christian nextlevelblogger.com
    Posted July 25, 2009 at 5:37 pm | Permalink

    This is beautiful. I love Thematic and like to keep design as simple and functional as possible. This theme *feels* inspired. Congratulations. I’m definitely going to try it out.

  16. Christian nextlevelblogger.com
    Posted July 28, 2009 at 2:45 am | Permalink

    When I install this theme on my site and it renders in a browser, the fonts look really bad for about 2 seconds, like they’re not styled; then all they pop into place. It does it on every page load. I’ve never seen this happen before, and it doesn’t happen when I preview it on your site. Thoughts?

    • Cristi cozmoslabs.com
      Posted July 28, 2009 at 7:54 am | Permalink

      Not sure why that’s happening. If you have a lot of plugins that insert javascript that could also be a problem as it takes longer to execute the javascript that changes the font. Could you post a link to a test server?

      • Christian nextlevelblogger.com
        Posted July 29, 2009 at 8:31 pm | Permalink

        I removed a few Javascripts and the theme works perfectly now. Thanks for the pointer and for the beautiful theme. You rock!

  17. Posted July 31, 2009 at 4:09 am | Permalink

    Hi! Love the theme, but apostrophes do not show up in the post titles. Is there any way to fix this? I love how it looks, but this would make it unusable for me. Thanks so much for a beautiful design!

  18. Posted September 6, 2009 at 8:55 pm | Permalink

    I’d like to use a different Cufon font. I generated a new font .js and placed it in the \street2\.js directory. In \street2\functions.php I have replaced:
    <script src="/js/Vegur_400.font.js" type="text/javascript">

    with

    <script src="/js/MyFont_400.font.js" type="text/javascript">

    The text doesn’t show up at all with this new font implemented. Is there another setting I’m missing?

    Thanks

    • Cristi cozmoslabs.com
      Posted September 7, 2009 at 8:47 am | Permalink

      Yup. That should be it. Not sure why it doesn’t work for you. Perhaps you should try recreating the Cufon font!

    • Lab Rat wip
      Posted January 12, 2010 at 10:22 pm | Permalink

      Se the CMD….

  19. Posted September 8, 2009 at 5:17 am | Permalink

    I’d like to add a drop down arrow next to menu items that have sub-pages. Anyone know how?

  20. kunal enthrallmedia.com
    Posted September 8, 2009 at 10:13 am | Permalink

    Hey,

    Is this compatible with WP 2.8+? I upload the theme but in the themes menu it gives me an error next to the street theme that the template is missing.

    • Cristi cozmoslabs.com
      Posted September 8, 2009 at 10:17 am | Permalink

      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 (Street and Thematic) to your server in the themes folder AND THEN ACTIVATE the Street theme.

  21. Posted September 8, 2009 at 10:19 am | Permalink

    Thanks for the quick response. I should have mentioned it in the first comment but I do have Thematic 0.9.5.1 installed. That shows up fine in my themes menu.

    • Cristi cozmoslabs.com
      Posted September 8, 2009 at 10:26 am | Permalink

      Try to activate the default theme, then reactivate Street. I think there was some sort of bug like that in Wordpress. If this doesn’t help I’m not sure exactly what’s the problem. Also try uploading again the two themes, Street and Thematic. Something might have gone wrong in the transfer.

      • Posted September 8, 2009 at 11:01 am | Permalink

        Thanks, it was a subdirectory problem.

        It looks great now.

  22. Posted September 24, 2009 at 8:09 pm | Permalink

    Really like the look of this theme.

    I have three questions:

    1) How do you change the color of the red title line under the header?

    2) How can you change to the one-column template?

    3) Can you have one page be a one-column template and other pages be a two-column OR does the whole blog have to use the same?

    Thanks very much for making this theme available for free.

    Neal

    • Cristi cozmoslabs.com
      Posted September 24, 2009 at 9:48 pm | Permalink

      Hi Neal,

      Let’s try and do then one at a time:

      1. You can do that by changing the css inside the style.css file. Just search for the #access declaration.
      2. Have a look here: http://codex.wordpress.org/Pages#Page_Templates
      3. Your pages will have either one of the page templates. Please note that the posts don’t have this functionality, only the pages.

  23. Posted September 28, 2009 at 7:42 pm | Permalink

    I appreciate all your help. My site is looking much better now. I still may take you up on the offer we discussed. http://www.examinethyself.com

    I got the header looking good (at least I think so). It is a fatter than the default one but I can live with that.

    Do you know of any reason why my font size would be different on the Privacy page when they’re all the same in the editor?

    Thanks,
    Neal

    • Cristi cozmoslabs.com
      Posted September 28, 2009 at 9:18 pm | Permalink

      Hi Neal,

      The website is looking great!

      As for the Privacy page: you’ve used:

      <span style="font-size: medium;"><span style="font-family: georgia,palatino;">

      Probably you copy pasted from Microsoft Office. Have a look in the post edit part of wordpress and click on the HTML view. Once you clean that everything will be just fine!

  24. disiniadaebook disiniadaebook.uni.cc
    Posted October 16, 2009 at 8:07 am | Permalink

    great themes brother, i like it.

  25. Posted October 18, 2009 at 5:04 am | Permalink

    Hi Cristi,

    I love this theme and want to use it. I would like to increase the width of the sidebar, but can’t find how to do this. I’ve looked in the styles css, but don’t know where else I should be looking.

    Thanks for any help you can give me.

  26. Posted October 27, 2009 at 10:43 pm | Permalink

    Hi,

    just thank you for this theme. I had to modify some behaviours for french characters (éèï…) in nav and title but that’s totally what I needed :)

  27. Micah Cooksey blog.ronnykathy.com
    Posted October 31, 2009 at 6:21 am | Permalink

    Hi, how would I make the [...] after the excerpt on the category archive page a link?

  28. Richard accessibleweb.eu
    Posted December 16, 2009 at 4:19 pm | Permalink

    The street theme is just what I was looking for for my recently started
    accessible web design blog. I was going to change the colour scheme to match my logo, but I decided that I liked the red/black/white combination so much that I would keep it and change my logo instead.

    I have tweaked the theme to make it more accessible by:
    1) Improving the colour contrast between text and background in some cases
    2) Using relative font-sizes to allow text resizing without page zoom
    3) Adding in link underlines
    4) Adding in a thick red border when links receive focus

    I will no doubt be making other changes too, but I just wanted to take the opportunity to thank you so much for this brilliant theme.

  29. Posted December 23, 2009 at 7:12 pm | Permalink

    I love your theme! How would I activate the “one column” template for my main blog page? Thanks for the work on your themes and thanks in advance for helping.

    • Cristian cozmoslabs.com
      Posted December 23, 2009 at 8:54 pm | Permalink

      Hi David,

      Please post this question in the forums under the Street Topic. This way it’s going to be easier for people find the answer and maybe reuse it!

  30. Tom
    Posted January 10, 2010 at 3:29 am | Permalink

    Hey, great theme.
    Curious though, is it possible to add a ‘Home’ option to the navigation bar? Not to display a static home page, but to return to the front posts page of the blog?

  31. Posted February 9, 2010 at 10:04 pm | Permalink

    I am trying to upload my own header image, I have installed thematic and street. When I upload my image nothing happens – my header is nowhere to be found. Any suggestions?

    • Cristian cozmoslabs.com
      Posted February 10, 2010 at 11:42 am | Permalink

      Could you please post this on the cozmoslabs forums here: forums

      This way more people could benefit from the resolve.

  32. Lenny Rozental urbanstateofmind.com
    Posted March 4, 2010 at 12:20 am | Permalink

    When I have a post title with a hyphen in it, your font script replaces it with a space. How do I go around this to keep the hyphen, without removing the entire script?

5 Trackbacks

  1. By Child Theme Feedback - WordPress Tavern Forum on June 3, 2009 at 12:04 am

    [...] the feedback as it really helped me iron out some things! You can see the finished product here: http://www.cozmoslabs.com/2009/06/02…rdpress-theme/ Cristi from [...]

  2. [...] ha presentato oggi un nuovo child theme per Thematic Framework per WordPress: Street. Street Child Theme (clicca per [...]

  3. By Street: A Thematic Child Theme on June 21, 2009 at 4:17 pm

    [...] Street is an elegant Thematic child theme, designed by Cozmoslabs. [...]

  4. [...] [...]

  5. [...] Street [...]

Post a Comment

Your email is never published nor shared. Required fields are marked *

*
*

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>

Subscribe without commenting

  • Featured Theme

    Smarter Wordpress Theme

    Smarter is a Wordpress theme for small and medium sized companies. It's meant to build a presentation site in a minimum amount of time without touching a single line of code.

  • subscribe

    through RSS

    Or, subscribe via email:

    Enter your email address:

    Follow me on Twitter