Blogolife – Header Advice To Remove White Space

  • Hello all,

    I use blogolife as a theme and love it. However, I have a lot of empty white space at the top of my head below the title.

    Does anyone have any ideas on how I can remove it?

    Here’s the home page – https://www.afternoon-tea-edinburgh.com

    I think all the social media links on the right leads to white space on the right.

    Thank you for listening and for any help!

    Ian

Viewing 2 replies - 1 through 2 (of 2 total)

  • I think all the social media links on the right leads to white space on the right.

    Do you mean “all the social media links on the right leads to white space on the left”? The answser is kind of, but the media links have no margin or padding.

    Using firefox’s fire bug I see you can play with getting rid of 25 – px about the cup cake and 5 -px below the header.

    This is the cupcake style at line 74
    .header-desc {
    margin: 25px 20px 10px 0;
    min-height: 60px;
    width: 100px;
    }
    As you can see, it has a top margin of 25 pxs.
    The social media links have no margin or padding.

    Line 66 is the header.
    #branding { /*aka header*/
    background: url(“images/sky.png”) repeat-x scroll left top #FFFFFF;
    margin-bottom: 5px;
    }

    Sooooo the way you have your floats set up you can play with the #branding margin-bottom and the cupcakes top margin.

    OOOOr you can float you media links left, they are floated right now.

    Make sure you have a copy before you change things to protect yourself.

    Also get and use firefox’s fire bug. It will show you the style, line # and inheritance of a tag with nice color codes to give you a picture.

    Thread Starter ijamieson

    (@ijamieson)

    Sorry, you are right.

    These tips are great. Thank you, just wondering. I’ve made your suggested changes and it looks a lot better.

    I’ll check out the firefox fire bug too, sounds exactly like the thing I need.

    Have a great Easter.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Blogolife – Header Advice To Remove White Space’ is closed to new replies.