Changing my 3k2 header to an image

  • Resolved wesburnprimary

    (@wesburnprimary)


    16 years ago

    Apologies from the start, I know this gets asked all the time, but after reading 15 different articles on how to acheieve this I feel I have some more understinding (not hard) of css, but still don’t have an image on the header!

    I am running 3k2, just upgraded to WP2.5
    The style sheet includes the following:
    #header {
    padding: 0;
    margin: 0;
    position: relative;
    height: 192px!important;
    background: url (“WessieApr08.jpg”) center no-repeat;
    width: 100%;
    background-color: #BA7474
    }

    That’s a hodgepodge of attempts to follow each and every page out there that makes the idea of changing header image sound very easy.

    Please, save my madness… what am i doing wrong?
    Luke

Viewing 6 replies - 1 through 6 (of 6 total)
  • kalon

    (@kalon)

    16 years ago

    If this is the image directory to your theme:
    http://wesburnps.vic.edu.au/wp-content/themes/3k2/images/

    The header image in your css (WessieApr08.jpg) doesn’t exist.

    http://wesburnps.vic.edu.au/wp-content/themes/3k2/images/WessieApr08.jpg returns a not found error.

    That is a problem.

    Thread Starter wesburnprimary

    (@wesburnprimary)

    16 years ago

    Thanks Kalon,
    That sounds obvious, but the file had been in that folder, – I moved it out to the main 3k2 folder earlier (and changed the reference) to see if that solved my problem. I’ve left it there _and_ copied it into the images file, (so you can at least admire my dodgy paint.net skills 🙂 ) but no luck on that changing the header.

    Any other ideas?
    Luke

    Thread Starter wesburnprimary

    (@wesburnprimary)

    16 years ago

    Firefox Error console gives me this message:

    Warning: Expected colour but found ‘url’. Error in parsing value for property ‘background’. Declaration dropped.
    Source File: http://wesburnps.vic.edu.au/wp-content/themes/3k2/style.css
    Line: 86

    That line is the background url listed above…
    Any further ideas? Many thanks,
    Luke

    kalon

    (@kalon)

    16 years ago

    change your header css to this:

    #header {
    background:#BA7474 url(WessieApr08.jpg) repeat scroll 0% 0%;
    height:192px !important;
    margin:0pt;
    padding:0pt;
    position:relative;
    }

    kalon

    (@kalon)

    16 years ago

    Also, your website has an annoying gap at the top of the page… to get rid of it, change

    #page {
    background: white;
    text-align: left;
    margin: 0 auto;
    padding: 20px 0 10px;
    position: relative;
    /* The entire template’s width is set in this class. */
    width: 900px;
    border: 1px solid #ddd;
    border-top: none;
    }

    to

    #page {
    background: white;
    text-align: left;
    margin: 0 auto;
    padding: 0 0 10px;
    position: relative;
    /* The entire template’s width is set in this class. */
    width: 900px;
    border: 1px solid #ddd;
    border-top: none;
    }

    Thread Starter wesburnprimary

    (@wesburnprimary)

    16 years ago

    You are a genius Kalon, And hopefully it’s up for you now also.

    Can I ask one more thing.

    I want to move the Heading name and tagline to the right away from the Koala logo. I’m pretty sure it’s in h1, but I’m not having much luck moving it by trial and error. Can you suggest what I need to change?

    Current h1 is:
    h1 { /* H1 is used for the title of your blog */
    font-size: 3em;
    font-weight: bold;
    letter-spacing: -1px;
    margin: 0;
    padding: 35px 0 0 40px;
    }

    h1, h1 a, h1 a:hover, h1 a:visited,
    #header .description {
    text-decoration: none;
    color: white;
    }

    h1:hover {
    text-decoration: underline;
    }

    #header .description { /* Blog description, under blog title */
    font-size: 1em;
    margin: 0 0 0 40px;
    display: inline; /* Checking for IE bug. If people start having problems with header width, then this is it */
    }

    Is it the margin or the padding that I need to alter? I want to shift it right by around 90pixels.

    Finally: Is there a simple way to change the text from “blog” to something else on the news listing?

    Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘Changing my 3k2 header to an image’ is closed to new replies.

Tags