I'm a Christian, a designer, and a gadget fan who lives in Cheltenham, UK.

This is my blog, a creative outlet to mess around and play with as well as a place that logs my thoughts and inspirations.


Incase you haven’t noticed I have amde a couple of alter­a­tions to the head­er of my blog. I’ve wanted to do it for a while just not had time, but with hand­ing in a pro­ject yes­ter­day I now have slightly more free time than i did have. I’ve had a little tinker with the head­er and now have some rotat­ing images up there, I will add to these as I find more suit­able images, but for now there are just the two images.
I’m not totally sat­is­fied with it at the moment, I want to do some­thing but I don’t konw how to do it. If you hov­er over the main title, you will see the text changes col­our and has a back­ground col­our to it as well. Now I want to add a bit of pad­ding to this, so the back­ground is a bit wider than the text, but can­’t seem to get it to work. I would also like to have the title look like that all the time. Does any­one know who to do this in K2? If you could let me know I would really appre­ci­ate it.

14 responses

  1. Hi Phil, I don’t think it will work exactly as you want as there is quite a bit of pad­ding above the text of the head­er area mean­ing that when you add the pad­ding it will cov­er over your text…
    I will pop some code up for you later as I am nip­ping out and only passing by.
    O, and by the way, I like what you have done with the place, it looks very good! 🙂 .

  2. Thanks Aidan, I’m still not totally happy about it, need some bet­ter images up top. Theres more ideas in the pipeline, look­ing to devlop this place a bit more now my time is a bit more avail­able for a few days!

  3. Hey, it’s look­ing pretty good I noticed you changed it from the time I read the post 3 mins ago to the time I wrote this com­ment, I like it bet­ter now. 🙂 From what ben says, your very tal­en­ted so I can­’t wait to see the final product.

  4. Thanks Nick, it is start­ing to become a bit more how I like it, I want to move away from stock K2. Would appre­ci­ate it if you guys could give me some feed­back about the inline asides. I’m think­ing of seper­at­ing them from the main con­tent but I’m not sure, what do you guys think? Do you like blogs that have asides inline more than blogs with seper­ated asides? do you miss the asides if they aren’t inline? Does the inline asides dilute the main con­tent too much? All feed­back would be greatly appreciated!

  5. I like the inline asides, mainly because I do end up miss­ing them when they are in the side­bar. And no I don’t think it dilutes it, I think it adds to it.

  6. Hmmm, ok Nick, thanks. This blog­ging malarky is really mak­ing me think at the moment, really enjoy­ing it too. So much so I’m on the verge of lay­ing £15/$30 down on a Mint license.

  7. Phil, I’m a fan of the new head­er but I think it could use some fine tun­ing. I’d change the a:hover attrib­ute of your head­er text to not have a back­ground col­or. It seems a little messy with the images. also per­haps avoid using head­er images that have words in them, cuz it seems to clut­ter up your title and tag line.
    Inline Asides are great. I don’t think they detract and I think they should stay with your main con­tent. They’re becom­ing more and more famil­i­ar to blog read­ers that I don’t think you’re going to throw any­one off.
    I upgraded my licence of mint today. It is a great way to spend a little bit of money. It’s half toy and half stats.

  8. Thanks for the input Shaun. Yeh I know the images aren’t best and the tagline is lost a bit on some of them, try­ing to find some nicer images.
    YEh Mint looks increas­ingly allur­ing everytime I check out the website!

  9. Per­haps you do not need the code after all! Sorry for the delay in reply 😳 . After look­ing at it late last night I came to the con­clu­sion that what you wanted to do would­n’t work prop­erly as I tested it with mine and it messed up completely.
    I like the new changes, they are look­ing very good. You blog is evolving!!
    I actu­ally have a little request… Is it pos­sible, when you have time, to inform me as to how you did your inline asides?
    For some reas­on when I activ­ate inline asides they look exactly like nor­mal entries hence why mine are side­bar asides at the moment.
    I can change they’re appear­ance for when you view the post but not for the main page of the blog.
    If I haven’t explained it very well just let me know!

  10. Aidan: The K2 inline asides are cus­tom­ised using these two pieces of CSS

    #primary .k2-asides .entry-head .metalink {
    font-size: 1.4em;
    .single #primary .k2-asides .entry-content {
    font-size: 1.5em;
    color: #999;

    I used anoth­er piece of CSS to do take away the Meta details. I actu­ally want to alter my inline asides so they are more like those found at Kot­tke’s or Ben’s but I’ve yet to get round to doing it.

  11. Thanks Shawn how­ever those guides are for themes which don’t have it built in, K2 does. Thanks for the links though, I am very grateful.
    @Phil – Are those the two bits of CSS from your stylesheet? If so how is the left bor­der spe­cified on the asides?

  12. Err, no sorry, those are fromt he default stylesheet in K2, these are my chunks from the style sheet

    #primary .k2-asides h3 {
    font-size: 1.6em;
    font-weight: normal;
    #primary .k2-asides {
    border-left: 5px solid #0D1218;
    padding-left: 15px;

    and this is what I used to remove the meta data, keep in mind it means it does­n’t dis­play on the psot page as well.

    div.k2-asides div.entry-head small.entry-meta {
    display: none;

    Just out of interest, Shaun or Ben, do either of you know how I could go about col­our cod­ing cat­egor­ies and post titles in K2?

  13. Ah that’s even bet­ter to see that they’re part of the default K2 stylesheet, there­fore I should be able to spe­cify the attrib­utes I want. Thanks for that!! 😀 . How­ever first I need to sort out my prob­lem with inline asides and recent comments.
    Thanks again 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *