• WordPress Themes and Plugins
  • Linux Substitutes for Windows Software
  • My unportable laptop
  • My themes are white

spacer

WordPress Themes and Plugins
ClockWorkBlogger » Page 'WordPress Theme: ClockWorkAir'
?php if(is_home()) { ?h4 style=
spacer

WordPress Theme: ClockWorkAir

posted: October 15, 2008, modified: February 2, 2009

ClockWorkAir is a 900px fixed width WordPress theme and like ClockWorkMint and ClockWorkSimple prepared to work either as 2 or 3 column layout. If I had not already named one theme “Simple” ClockWorkAir would have been named that way. ClockWorkAir features the following:

  • A built-in Breadcrumb (appears only on pages other than the home page)
  • 4 widget areas in the sidebar
  • Author Comment highlighting

Screenshot

spacer

Live Previev of the Theme

Download

Download the latest version of ClockWorkAir here

  • v1.1.2
  • Fixed a possible misuse of the breadcrumb

26 comments to “WordPress Theme: ClockWorkAir”

  1. spacer 19. Nov 2008
    5:40 am
    Tony

    I would like to change the color of the header box to match the theme of my website. I’ve checked the CSS file but cannot find where to make the adjustment to the background color of the box. Your help would be greatly appreciated.

  2. spacer 19. Nov 2008
    11:50 am
    Łukasz Sobek

    @Tony – the gradient in the header is an image, the rest of the box (from the bottom of the background image downwards) is filled with the background color #2382c4. The styling of the box starts at line 44 of style.css

  3. spacer 23. Nov 2008
    1:26 am
    Liz

    Hi again, Lukasz … so, I want to use this theme for a different blog. I’ve adjusted several elements but the part I’m stymied on is trying to get my company logo to pop up in the header. I’ve tried in the obvious places in the css and the header.php. Is this going to be possible?

    you can see from the box I’ve created where the logical place for the logo would be. Thoughts?

    Thanks,

    L

  4. spacer 23. Nov 2008
    10:23 am
    Łukasz Sobek

    @Liz – please look into the header.php:

    IMG src="/img/spacer.gif"> should be
    IMG src="/img/spacer.gif">

    a small thing that messed up all your work ;)

  5. spacer 23. Nov 2008
    8:58 pm
    Liz

    OK … I’m not a coder (I’m a guesser) and obviously I’m doing something very wrong … sorry to be a pain … thoughts?

    Also, re.: your discussions with a chap on the other blog. When your notes appear in my e-mail, forwarded by WordPress, any php code that appears in angle brackets gets translated out by my e-mail program. I had to come to your site to look at the full line of code. Perhaps that might be happening elsewhere – people reading the e-mails and not returning to the original comment.

    Just FYI …
    L

  6. spacer 23. Nov 2008
    11:09 pm
    Łukasz Sobek

    @Liz – Thank you for the information. Let’s try it with square brackets ;)

    About the image:

    Assume the basic directory is “c:\test”

    If you tell a stylesheet (e.g. style.css) to display an image there is no problem. The stylesheet doesn’t need to know where it is – it can be in c:\test, c:\whatever, c:a\b\c – and it will still work.

    The position of every image you mention in style.css is relative to the directory the style.css file is in. You can copy a whole directory to another place (e.g. from c:\test to c:\whatever) and the images will still display because you copied a bunch of files somewhere else, but you did not change the distance between the files (like moving a whole house with everything in it).

    If you change something in PHP this approach doesn’t work. When you want the image to appear in PHP you need to tell PHP exactly how to get to the image starting from the depths of the computer directory roots. This means that:

    [img src="/img/spacer.gif">

    to make it work you need to supply a ready made address to the directory of the theme – wordpress handles this when you enter .. [?php bloginfo('template_directory'); ?]

    which means the whole thing will look like this:

    [img src="/img/spacer.gif">

    another thing – If you look at the beginning of the line where you placed an image you’ll see the quotes are different from the ones you used (this also means the single quotes). And please remember to change the brackets ;).

    Hope this helps.

  7. spacer 24. Nov 2008
    4:09 am
    Liz

    I feel like I’m very close … but the cigar, she is not yet mine. Ack! I’ve spent so much time on this one little thing!

  8. spacer 27. Nov 2008
    7:10 am
    Alex

    Great theme! I’m in love with it!

    Is there any way to get rid of these “default” sidebar widgets:
    -categories
    -archives
    -meta
    -links

    Thanks!

    Alex

  9. spacer 27. Nov 2008
    10:26 am
    Łukasz Sobek

    @Alex – the default values are hardcoded into the theme – sidebar.php (v1.1.1):

    categories – line 30,31
    archives – line 19,20
    meta – line 35-44
    links – line 54,55

  10. spacer 27. Nov 2008
    5:32 pm
    Alex

    @Lukasz – thanks! I just deleted it.

    In the future, maybe you could make those sidebar elements configurable in the sidebar?

    The same thing for the header text to the right of the header and tag: maybe make a “theme options” page in WordPress’ Design tab?

    It would just make it easier to configure it for new(er) users. :)

    Alex

  11. spacer 28. Nov 2008
    10:26 pm
    Łukasz Sobek

    @Alex – You’re a very talented mindreader ;)

  12. spacer 1. Dec 2008
    8:22 pm
    Benjamin Dobson

    Hi,

    First off, fantastic theme. Really great work.

    I edited the theme quite a lot for use on my site, and I think there are a few additions you might like.
    I added a grey gradient background to normal comments: url('images/grad_top_bw.png') (image can be found here).
    I changed the text areas to have a simple grey border; this fits in with the rest of the theme much better on the Mac: textarea, input[type="text"] {border: 1px solid #ccc;}
    I edited the code style:code {font-family: Monaco, monospace; px;}
    pre {font-family: Monaco, monospace; background-color: #eee; display: block; border: 1px solid #aaa; border-left: 2px solid #aaa; overflow: auto; px; padding: 3px 5px;}
    (Note that I actually commented this out after finding the syntax highlighter plugin, but used this happily before then.)
    I gave tables a style!table {border: 1px solid #808080; border-spacing: 0; border-collapse: collapse; %}
    td, th {border: 1px solid #808080; padding: 2px 5px;}
    th {background-color: #ccc;}
    hr {margin: 5px 0px;}

    I hope you like some of my additions.

    One last thing: there were quite a few stray Thumbs.db files in the releasepackage which should be removed.

    Once again, I thank you for your fantastic work on this theme.

    — Benjamin.

  13. spacer 1. Dec 2008
    10:55 pm
    Łukasz Sobek

    @Benjamin Dobson – Thank you very much for the review :). Just finished a small overhaul of CWSimple and CWMint, so CWAir is next on the list.

  14. spacer 2. Dec 2008
    11:18 pm
    Katharine

    Is there a way to remove
    “ClockWorkAir Theme by ClockWorkBlogger” at the bottom?

  15. spacer 4. Dec 2008
    12:47 am
    Łukasz Sobek

    @Katharine – yes, there is.

  16. 4. Dec 2008
    7:21 pm
    Systematic Abstraction » New website

    [...] used: ClockWorkAir (heavily [...]

  17. spacer 20. Dec 2008
    7:44 pm
    Alex

    Lukasz,

    Is there a way to get a page list drop-down? So like you have on the top of your page here – the PAGES tab – I’d like to have multiple child pages under my “About” tab.

  18. spacer 21. Dec 2008
    11:40 pm
    Łukasz Sobek

    @Alex – Sure, you can play around with the source of this page, the JavaSript for the dropdown is included (just use “view source” with your browser). Then you only need to find the wordpress code that displays sub-pages of the about page. Or you use something like this – pixopoint.com/multi-level-navigation/

  19. spacer 26. Jan 2009
    9:10 pm
    Ken

    Its great – except for one thing – I can’t find out how to get rid of the “about” text that says “This is a piece of text which you can either delete or replace with something more to your liking. You could also post an important link here.”

    NB I don’t have write access to headerbox.php (or any other php) on the site so if it is hardcoded in there I can’t change it myself.

    Is there no about text in the profile that can be changed?

  20. spacer 30. Jan 2009
    6:22 am
    Alex

    @Ken,

    It’s in the header.php on line 33. Looks like this:

    This is a piece of text which you can either delete or replace with something more to your liking. You could also post an important link here.

    You can look at my site to see how I customized it.

    Now if Lucasz can only show me (in more detail) how to add page drop-downs…

  21. spacer 6. Feb 2009
    5:05 pm
    Jim

    Hello, is this theme compatible with WordPress 2.7 and it’s new built-in threaded comments feature?

  22. spacer 2. Mar 2009
    5:52 pm
    alwayslovely

    @Lucasz:Thanks for such wonderful theme!!!! Love it!
    @Alex: I managed to choose the header section by looking @ your page! Awesome! Thanks!!!!

  23. spacer 10. Mar 2009
    3:26 am
    James

    Good day,

    When it comes to using wordpress I am pretty good. When it comes to adjusting themes, I am not so good. I love your ClockWorkAir and intend to use it for our church media site www.livechurch.ca. So I want to use the header with a different color for both the background and text and I would like to insert a photo on the right side of the header. I think I can determine the text and color but the photo insertion is beyond me so far. Can anyone help?

    Regards

  24. spacer 8. Apr 2009
    11:18 pm
    Łukasz Sobek

    @Ken – is on the ToDo list for the next update.

    @Alex – I find it hard to find the time to update the themes, lol, don’t make me look for even more time writing a tutorial.

    @Jim – will be implemented into one of the next releases.

    @James – Not to be rude, but I think you theme is great as it is now ;)

  25. spacer 10. Apr 2009
    5:06 pm
    Alex

    @Lukasz – I’ll write it myself and post a link to it here – or if you could – maybe your could incorporate it for others to see. I’ll post a reply here once it’s done!

  26. spacer 13. Sep 2009
    10:56 am
    James H

    I have found the bug. The plugin named GD Star Rating make the page error.
    When removed the plugin, the page are right.

Like my work?

Amount:
Website(Optional):

Leave a comment

« WordPress Theme: ClockWorkMint WordPress Theme series: Dark Side »
Top of page | Subscribe to new Entries (RSS) | Subscribe to Comments (RSS)
© 2007-2012 ClockWorkBlogger - WordPress Themes and Plugins presented in a slightly modified Black Belt Theme.
gipoco.com is neither affiliated with the authors of this page nor responsible for its contents. This is a safe-cache copy of the original web site.