Theme: ClockWorkAir
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
Download
Download the latest version of ClockWorkAir here
- v1.1.2
- Fixed a possible misuse of the breadcrumb
Tags: black, breadcrumb, elegant, fixed width, gravatar, orange, right sidebar, simple, two columns, white
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.
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
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
10:23 am
Łukasz Sobek
@Liz - please look into the header.php:
IMG SRC=”/images/lizworks.gif”
should be
IMG SRC=”<?php bloginfo(’template_directory’); ?>/images/lizworks.gif”
a small thing that messed up all your work ;)
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
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="/images/lizworks.gif"] won’t work because you are only telling which wall the picture is on, but not the address of the house the picture is in.
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="[?php bloginfo('template_directory'); ?]/images/lizworks.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.
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!
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
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
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
10:26 pm
Łukasz Sobek
@Alex - You’re a very talented mindreader ;)
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; font-size: 10px;}(Note that I actually commented this out after finding the syntax highlighter plugin, but used this happily before then.)pre {font-family: Monaco, monospace; background-color: #eee; display: block; border: 1px solid #aaa; border-left: 2px solid #aaa; overflow: auto; font-size: 10px; padding: 3px 5px;}
I gave tables a style!
table {border: 1px solid #808080; border-spacing: 0; border-collapse: collapse; width: 100%}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.
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.
11:18 pm
Katharine
Is there a way to remove
“ClockWorkAir Theme by ClockWorkBlogger” at the bottom?
12:47 am
Łukasz Sobek
@Katharine - yes, there is.
7:21 pm
Systematic Abstraction » New website
[...] used: ClockWorkAir (heavily [...]
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.
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 - http://pixopoint.com/multi-level-navigation/