Customizing the Look and Feel of Blix

June 16th, 2007

Hi everyone, with the release of our new version of the Blix replacement, Blix Krieg, I thought I’d take a few moments to jot down a few Q and A’s about the upgrade process.

Q – I’ve customised the look of my theme – how do I keep these customisations?

A – If your customisations are simply CSS customisations, it’s quite safe to copy your old layout.css and spring_flavour.css right over the top of the new Blix Krieg installation.

You won’t break anything and it should make your Blix Krieg installation look exactly the same as before.

How did I achieve this? I added a new css, asides.css, which contains all the Blix Krieg 2.2 customisations rather than adding them to one of the pre-existing css files.

Q – I don’t like the header – I want a different image – how do I go about changing it.

A – The header image is contained in the /images/spring_flavour/ folder – the name of the image is header_bg.jpg.

If you want to change the header, just replace this with another picture, and call it the same thing.

This should be a jpg picture, should be at least 690px wide x 150 px high if you don’t want to have to modify the css.

Q – I’d like to make my site ‘look’ different, but I’m not sure where to start.

A- OK, common question. There are three files called css files in the Blix Krieg theme – if you go to your admin panel, then presentation, then theme editor, you’ll find them – one’s called layout.css, the other is called spring_flavour.css

layout.css contains the basic bare bones of the theme – things like column widths and font sizes etc.. Spring_Flavour.css contains things like font colours, button colours, header formatting etc.

If you want, you can remove the contents of spring_flavour.css alltogether and see Blix Krieg in it’s untamed glory (but make sure you keep a copy so you can put it back later).

In the majority of cases, if you wanted to change the look of Blix Krieg (colours etc), the file you’re going to want to play with is spring_flavour.css.

So, here’s some tips..

1. Click here to do a google search of other people using this theme, and check out the customisations they’ve done. We’ve got alot of talented designers using the theme, and having a bit of a browse at what they’ve done can be useful. Find one you like the look of.
2. For this step, you’ll need to download the latest version of a browser called firefox (it also has something called ‘google toolbar’ which is useful).

3. Download Chris Pederick’s web developer extension here.
4. Go to a site you like, and use the ‘CSS’ option in the web developer menu to check out the changes they’ve made to their CSS.
5. Adopt and adapt changes you like..

Have you got any other Questions you’d like answered? Feel free to leave them in the comments section below.



How to Customize Blix CSS
How do I change the header image in Blix?
How can I view other people’s CSS changes?


Entry Filed under: BlixKrieg Theme

If you found this page useful, consider linking to it.
Simply copy and paste the code below into your web site (Ctrl+C to copy)
It will look like this: Customizing the Look and Feel of Blix

7 Comments Add your own

  • 1. tjpeople  |  June 22nd, 2007 at 9:43 am

    Hi again. Thanks for the help last time.

    Now i’m not sure if this is a theme issue or wordpress – but its kinda bugging me.

    Over at my site rel=”nofollow”

    In the side bar I have RSS feed using the default RSS feed widgets in WP 2.2 – its has a little orange rss logo – however because of its size it makes the green header box around it bigger than other headers. I changed the image size and re-uploaded to my sever but it just resizes to its default 14x14px. I want it around 10x10px then it doesnt effect the box size. How do i change the formatting? Where are the RSS widgets files?

    Thanks in advance.

  • 2. theDuck  |  June 22nd, 2007 at 9:55 am

    Hi TJ – yep that’s unfortunately a problem with the widget itself rather than a theme problem

    Unfortunately the widget hasn’t implemented in CSS, so I can’t trouble-shoot it for you.

    If I were you, I’d go to the widget code and pull out the picture altogether – that would be the easiest way.



  • 3. theDuck  |  June 22nd, 2007 at 10:00 am

    Another way around it would be to open the image itself in something like paint or photoshop and manually make it smaller –

    it’s looks like you’ll find the image in-


    When you’ve changed it to your desired size, just resave it back in the same place with the same name.



  • 4. tjpeople  |  June 22nd, 2007 at 10:15 am

    I tried that first off and as i said in my previous cmomet it just stretches the images.

    It was actually easier to just change the size in widgets.php

    from 14 to 10 – seems to have worked fine. i dunno why i missed that widgets.php file before!

    thanks again.

  • 5. theDuck  |  June 22nd, 2007 at 10:17 am

    d’oh – sorry – glad you worked it out.



  • 6. Sean P. Aune  |  March 20th, 2008 at 6:16 am

    Hi! Love the theme, swapped out the header, but how do I get the name of the site to show at the top of the browser? If I do it under “Options” it appears on the banner, but I would really like the name also at the top… any suggestions?


  • 7. alex  |  February 11th, 2009 at 8:30 pm

    I was wondering about two things: One, I want to change the header above the links section to say “Links” instead of “Blogroll”. I couldn’t find anything in any file or in wordpress. It seems like an html issue but where do I access that?

    second, When I name my blog in wordpress it automatically sticks the name over the header_bg image. I’ve customized my image with my blog name, but is there still a way to title my blog but not have that header link show up?

    Hope these questions were not too convoluted.

Leave a Comment


Required, hidden

Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Trackback this post  |  Subscribe to the comments via RSS Feed

Featured Advertiser

Buy me a beer!

This sure is thirsty work - Here's your chance to buy me a beer :)



Posts by Month