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.

Header

Incase you haven’t noticed I have amde a cou­ple of alter­ations to the head­er of my blog. I’ve want­ed to do it for a while just not had time, but with hand­ing in a project yes­ter­day I now have slight­ly more free time than i did have. I’ve had a lit­tle tin­ker 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 total­ly 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 colour and has a back­ground colour to it as well. Now I want to add a bit of padding 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 real­ly appre­ci­ate it.

14 responses

  1. Hi Phil, I don’t think it will work exact­ly as you want as there is quite a bit of padding above the text of the head­er area mean­ing that when you add the padding it will cov­er over your text…
    I will pop some code up for you lat­er as I am nip­ping out and only pass­ing 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 total­ly hap­py 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 pret­ty 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­ent­ed so I can’t wait to see the final prod­uct.

  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­at­ed 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 great­ly appre­ci­at­ed!

  5. I like the inline asides, main­ly 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 real­ly mak­ing me think at the moment, real­ly 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 attribute of your head­er text to not have a back­ground col­or. It seems a lit­tle 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­iar to blog read­ers that I don’t think you’re going to throw any­one off.
    I upgrad­ed my licence of mint today. It is a great way to spend a lit­tle bit of mon­ey. 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­ing­ly allur­ing every­time I check out the web­site!

  9. Per­haps you do not need the code after all! Sor­ry for the delay in reply 😳 . After look­ing at it late last night I came to the con­clu­sion that what you want­ed to do would­n’t work prop­er­ly as I test­ed it with mine and it messed up com­plete­ly.
    I like the new changes, they are look­ing very good. You blog is evolv­ing!!
    I actu­al­ly have a lit­tle request… Is it pos­si­ble, when you have time, to inform me as to how you did your inline asides?
    For some rea­son when I acti­vate inline asides they look exact­ly 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­tomised 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­al­ly 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­ev­er those guides are for themes which don’t have it built in, K2 does. Thanks for the links though, I am very grate­ful.
    @Phil — Are those the two bits of CSS from your stylesheet? If so how is the left bor­der spec­i­fied on the asides?

  12. Err, no sor­ry, 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 inter­est, Shaun or Ben, do either of you know how I could go about colour cod­ing cat­e­gories 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 spec­i­fy the attrib­ut­es I want. Thanks for that!! 😀 . How­ev­er first I need to sort out my prob­lem with inline asides and recent com­ments.
    Thanks again 🙂

Leave a Reply

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