How can I locate header code in CSS to add border?

  • Unknown's avatar
    illumineat · Member ·

    Hi! I’m very new but am having a blast customizing my blog…I have the design upgrade and have been sort-of successfully playing in CSS.

    However, I really want to add a border to my header image (a personalized image I uploaded)—where do I find the HTML code so I can alter it?

    Changing the background colour of my blog hasn’t been working either…what am I doing wrong? Do I somehow need to disable the original MistyLook code?

    Help is very much appreciated.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    auxclass · Member ·

    Above my paygrade – however you can’t edit the html code for the Theme – everyone shares the same Theme code so it is a security issue.

    You should be “adding to” the existing CSS – the Theme will scan the original CSS code then scans the code you have added and use any changes you made (last scanned rules).

    Sorry not a clue on how to add a border.

  • Unknown's avatar
    thesacredpath · Member ·

    You can do this, but you really need to edit the image and get rid of the shadow at left and right in the image (crop it out) as it is leaving white space at each side which makes the border look strange. I used a red color just for maximum visibility. I also forced a height of 190px because for some reason the #headerimage selector was taller than that by a bit and the border was away from the bottom of the image.

    #headerimage {
border: 4px solid #CC0000;
height: 190px;
}

    You can adjust the width of the border of course, again I used a large number for visibility.

  • Unknown's avatar
    illumineat · Member ·

    Thank you!

  • Unknown's avatar
    thesacredpath · Member ·

    You are welcome.

  • The topic ‘How can I locate header code in CSS to add border?’ is closed to new replies.