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.2

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 This entry was posted in Thematic, Theme Design and tagged , , , , . Bookmark the permalink. Post a comment or leave a trackback: Trackback URL.

81 Comments

  1. Thomas
    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)?

    • 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!

      • Thomas
        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. Posted June 8, 2009 at 2:32 pm | Permalink

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

  3. Arno
    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. 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. 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. Posted June 17, 2009 at 3:43 am | Permalink

    Would have been great if colours were also customizable.

  7. muchio
    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!

    • 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. muchio
    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?

    • 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. 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

    • 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. Posted July 4, 2009 at 9:16 pm | Permalink

    How do I convert Street to use three columns?

  11. 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?

    • 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. Joanne
    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. Markus
    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!!!!

    • 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. 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. 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. 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?

    • 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?

      • 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. Lauren F
    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. Scott
    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

    • 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!

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

      Se the CMD….

  19. Scott
    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. 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.

    • 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. kunal
    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.

    • 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.

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

        Thanks, it was a subdirectory problem.

        It looks great now.

  22. Neal
    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

    • 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. Neal
    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

    • 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. Posted October 16, 2009 at 8:07 am | Permalink

    great themes brother, i like it.

  25. justkeepblogging
    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. Marc
    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. 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. 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. David N.
    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.

    • 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. Sarah
    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?

    • 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. 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?

  33. Posted March 25, 2010 at 2:38 pm | Permalink

    Lovely theme you got here. I’m trying out on a new site for a client. I’m not sure it’s quite right for him yet but if not, I’m sure I’ll find a use for it somewhere :) Thank you for taking the time to make it and putting out there for free ;)

  34. Posted March 28, 2010 at 6:45 am | Permalink

    hi Crist, nice theme! May you explain me step by step display home as a page? muchas gracias

  35. Posted April 7, 2010 at 6:35 am | Permalink

    Looks pretty good. I enjoyed your coding while i designing some cool themes for by blogs. Thanks for your great effort.

  36. Mike Haynes
    Posted May 30, 2010 at 4:39 am | Permalink

    Broken Theme…

    The following themes are installed but incomplete. Themes must have a stylesheet and a template.

    This is what im getting. Really liked the theme though but can’t use it at this time.

    • Posted May 31, 2010 at 8:46 am | Permalink

      You need to have Thematic as well. Download it and put it in the theme folder and then activate the Street Child Theme.

  37. Posted June 8, 2010 at 3:48 pm | Permalink

    I am a bit puzzled about some settings for my customization. I want to change the padding and would like the Access above the Branding, eg the menu on top. I seem lost in where to find this.

    • Posted June 9, 2010 at 11:12 am | Permalink

      The access and the branding are inside Thematic. I wouldn’t recommend making the change inside Thematic, instead either do it with CSS or with hooks and filters.

  38. Posted June 16, 2010 at 8:58 am | Permalink

    Is there any way to pud Adsense code to the sidebar of this theme?

    • Posted June 16, 2010 at 9:18 am | Permalink

      Just use the Primary Aside Widget and add a Text Widget there. After that put your Adsense code there.

  39. Posted June 25, 2010 at 11:02 am | Permalink

    Will this theme be updated to support the WordPress 3.0 menus?

    • Posted June 25, 2010 at 11:07 am | Permalink

      This theme uses the default Thematic menu functionality. So if you’ll update Thematic you’ll have access to the 3.0 menus.

      • Posted July 1, 2010 at 1:24 am | Permalink

        I did update thematic but their forums say that the child theme has to update function.php. They also provide the code but it didn’t work on my install of the Street Theme. I will keep trying to figure it out. If anyone does get the new menus work with Street, please post it here.

        Thanks again for the great theme.

        • Posted July 1, 2010 at 1:49 am | Permalink

          Update.

          The current development build Thematic 0.9.7.2, does support 1 WordPress 3.0 when using Street. The only problem is the child links (dropdowns) don’t work.

          Is that a problem with Thematic or the theme?

        • Posted July 1, 2010 at 8:11 am | Permalink

          That’s a problem with the child theme.

          Basically the menus work, but the css and javascript do not. You’ll need to update the css to target the new classes as well as the javascript.

          To be honest I haven’t looked at the latest dev build of Thematic. Will try and have a look today and see what’s what. It shouldn’t brake like that.

        • Posted July 3, 2010 at 4:00 am | Permalink

          I appreciate your response. Is street still being developed? Will you be fixing this issue? I may try to update my theme, but if you plan to update it, I’ll let the expert do it. Thanks again. I love the theme and your efforts to help people.

        • Posted July 5, 2010 at 9:50 am | Permalink

          We do plan to update the themes, but only when the new Thematic version is uploaded to wordpress extend.

        • Posted July 14, 2010 at 7:11 am | Permalink

          You can download the new WordPress 3.0 compatible version of thematic on their website. I guess they are waiting on approval from WordPress.

          Thanks again for the help, and I look forward to your updates.

  40. Posted June 28, 2010 at 3:44 pm | Permalink

    Wow, amazing theme. I found your site as I was looking for alternative to Thesis Themes. I would love to try these on my blogs.

  41. H
    Posted September 22, 2010 at 12:14 am | Permalink

    How do I change the behavior of the navigation bar? I’d like it not to auto-update with page titles, but instead only incorporate those titles/links that I manually provide. This would allow me to link to a page with a huge title withouit making the bar enormous, for example. I’ve looked everywhere I know to look, and the place I need to go to change this has eluded me.

    Thanks for a great theme — I really love Street, its aesthetics, and its functionality!

  42. Posted December 17, 2010 at 3:25 pm | Permalink

    thanks for the theme! it’sperfect for my needs and aesthetic taste! I intended to return to the default theme of wordpress, then this childtheme saved my blog! :) would be good, however, directions in a readme.txt explaining how to change the font of the titles for one that accepts accent symbols. anyway, I found the solution here in the forum. thanks a lot.

  43. Posted January 22, 2011 at 7:47 am | Permalink

    Hi,
    Thank you for the “street” theme. I am trying to add author bio to my posts. Looking through the code it seems that it should display after filling in a bio, but it doesn’t… What am I doing wrong?
    Thank you,

  44. Posted June 13, 2011 at 6:01 am | Permalink

    Thanks Cristian for your themes, i like it.
    But i have question about wp themes, how to the wp themes is running fastest? i once find site using wp themes load fast.

    thanks

  45. Posted June 15, 2011 at 6:43 am | Permalink

    thank you for this great read!! I definitely enjoyed every little bit of it and I have you bookmarked to check out new stuff you post.

  46. Posted August 1, 2011 at 5:50 pm | Permalink

    Hi Christian, I have a question regarding avatars.
    I have opted out of displaying avatars, but when people comment, there is still a blank, white space where the avatar normally sits. Do you know of any way to remove this blank space?

    • Posted August 16, 2011 at 3:57 pm | Permalink

      If I understand correctly, this should work:

      replace in style.css on line 279 this

      #comments-list .comment-author {
      font-weight: bold;
      padding: 9px 0 0 46px;
      }

      with this:

      #comments-list .comment-author {
      font-weight: bold;
      padding: 9px 0 0;
      }

      and also on line 283 replace this

      #comments-list .comment-meta {
      color: #666666;
      font-size: 11px;
      padding: 0 0 9px 46px;
      }

      with this

      #comments-list .comment-meta {
      color: #666666;
      font-size: 11px;
      padding: 0 0 9px;
      }

      Hope it helps!

  47. Shaz
    Posted October 4, 2011 at 3:33 pm | Permalink

    How can I align header and main to the center, i can’t get it to work.
    Here is some of my css.

    #header{
    background:url(images/header_bg.jpg) top center no-repeat;

    #container {
    width:580px;
    float:left;
    }
    #content {
    margin:0 0 0 30px;
    width:555px;
    overflow:hidden;
    }
    #main{
    padding:25px 0 25px 0;
    background:#fff;
    margin-top:20px;
    margin-left:auto;
    }

    Also my footer was visible earlier and now it has disappeared.
    #footer{
    margin-top:0px;
    border:none;
    background:url(images/footer.jpg) bottom center no-repeat;}

7 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 [...]

  6. By Street | Top Simple Themes on April 5, 2010 at 11:14 am

    [...] | Download Street (0) | Download Thematic (3) | Theme Homepage Tell your friend: Rate this theme: 3.00 out of 5 No comments yet Click here to [...]

  7. [...] To see in live preview and to get the Street Child theme, go to Cozmoslabs.com [...]

Post a Comment

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

*
*

* Copy this password

* Type or paste password here:

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>