I need some help with the CSS for our blog at photobird.wordpress.com . I haven't purchased the CSS upgrade yet, but I will; I want to verify first that we will be able to make these changes. We are using the default Kubrick theme, due to its simple two-column design.
I've been reading up more in this forum, and it seems like one of the sandbox themes might also work for us, but I'm not sure. Before we dive in with any theme, I'd like to know if we will be able to make these changes.
Here's a list of changes I'd like to make. We were able to make a couple of CSS changes (in preview mode), and those are marked DONE.
1. Reduce the vertical size of the header to about 150 pixels tall. DONE
2a. Use 13px verdana font for body text on the page.
b. Use a larger size and bold for the title of each post.
c. Use 11px verdana font for the date and author under the title.
d. Orange links. DONE
e. I might want to use 11px verdana for the blogroll links on the right. The titles of the blogroll links should be a little larger than the links, but not as large as the blog post titles. (We don't need to use the blogroll feature for the links, if there's a better way to post those links there; they will rarely change.)
3. Change the order of the blogroll items and subitems on the right. Can we do that with CSS? Or is there another way? I used a hack in early 2007 to reorder the links, but the hack (using multiple spaces to order each link) is no longer working.
This is the CSS code that worked well for us so far:
The wordpress template doesn't seem to specifically label all the fields I want to change with css selectors. So we can't say "author name" should be "this style". We figure something like "h2 div small" might work, but that's not specific to the field and may bleed over to other aspects of the design. Also, it looks like the wordpress css processor does parsing/munging of user supplied css. What you put in isn't exactly what comes out.
Here's a few other things I'd like to change, but these are lower priority:
1. Display the right column on blog post pages (in addition to the home page) with the links, categories, calendar, et al.
2. Put the timestamp and author in the footer of the post, not in the header under the title.
3. Double the amount of blank space between posts on the home page.
4. Send header clicks to another url, such as http://www.photobird.com .
Any help you can offer would be much appreciated!