Help on Modifying header in Blogger

Discussion in 'HTML & Website Design' started by olivercarding, Sep 18, 2008.

0
  1. #1
    Hi
    can anyone please help me modify the header on a blogger site ?
    The header has a border around it and i cannot seem to get rid of it.
    I do not have dreamweaver so cannot download the template and modify it.

    http://blog.graffitinarrative.com

    is the url.

    Thanks
     
    olivercarding, Sep 18, 2008 IP
  2. irwanmis

    irwanmis Active Member

    Messages:
    132
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    55
    #2
    You don't need dreamweaver to modify the file, just go to the layout section and choose Edit HTML.

    find the words:
    #header-wrapper {

    then find the following entry and delete:
    url("http://www2.blogblog.com/rounders/corners_cap_top.gif") no-repeat left top

    so it shows like this:
    background:#445566;

    next find the:
    #header {

    and delete the:
    background:url("http://www.blogblog.com/rounders/corners_cap_bot.gif") no-repeat left bottom;


    Hope this help, but just in case copy all the HTML first and do modifications.
     
    irwanmis, Sep 18, 2008 IP
  3. olivercarding

    olivercarding Member

    Messages:
    80
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #3
    Thanks alot mate. Rep +1
    Any idea on how to move the header over a little bit ??
    Sorry i am useless with CSS
    thanks
     
    olivercarding, Sep 18, 2008 IP
  4. irwanmis

    irwanmis Active Member

    Messages:
    132
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    55
    #4
    No problem, did it work out? I see you delete the entire background.

    so you want the header to be upper a little bit or you want it to be close to the post?

    I also notice it's a new blog no? congratulations to you :D
     
    irwanmis, Sep 18, 2008 IP
  5. olivercarding

    olivercarding Member

    Messages:
    80
    Likes Received:
    0
    Best Answers:
    0
    Trophy Points:
    41
    #5
    Thanks man, its a friends actually. For an independent film she has produced this summer.
    Hopefully we can use it to post trailers and stuff for when they do the festival circuit next year. Needs a bit of work yet.

    Didnt delete the background, its showing on my computer.
    I would like to move the header to the left a little so it is more centered over the middle column.
    Thanks so much for your help.
     
    olivercarding, Sep 18, 2008 IP
  6. irwanmis

    irwanmis Active Member

    Messages:
    132
    Likes Received:
    2
    Best Answers:
    0
    Trophy Points:
    55
    #6
    Don't mention it, I happen to use blogspot so I know a little about it.

    The blog's has an interesting theme, video posts would be great.

    For the header, maybe you should try changing the padding and margin value of the header in css, you need to experiment with the values.

    If you're interested in learning css, I recommend you grab a book:
    The CSS Anthology - 101 Essential Tips, Tricks & Hacks by Rachel Andrew - Sitepoint.

    It has a great way explaining about css, with samples.
     
    irwanmis, Sep 19, 2008 IP