I want to add an image in the header to twenty-eight thirteen theme

  • torialexander · Member ·

    I have the CSS upgrade for the Twenty-Eight Thirteen theme. I want to add an image. I thought this might do it

    #header-image a img {
    background:url(‘http://torialexander.files.wordpress.com/2010/03/sh300x200.jpg’) no-repeat scroll 0 0;
    border:0;
    }

    But no effect. If this is the right thing to insert, could some one tell me where it goes?

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

  • timethief · Member ·

    Hi there,
    I can’t help with CSS editing but the volunteer who does help likes to have those he helps read this post first. http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/ You will have to be patient and wait until he logs in, finds this thread and helps you.

  • shilou01 · Member ·

    #header-image a img {
    background:url(‘http://torialexander.files.wordpress.com/2010/03/sh300x200.jpg’) no-repeat scroll 0 0;
    border:0;
    }

  • designsimply · Member ·

    If you look at the stylesheet for the Twenty-Eight Thirteen theme, you’ll notice that there is no header-image id used anywhere. So, you can’t start your CSS with #header-image in this theme.

    There is a header id, so you can start with that. But, your image doesn’t really fit into the space for the header in this theme very well. Try this to see what I mean: 

    #header {
background:url('http://torialexander.files.wordpress.com/2010/03/sh300x200.jpg') no-repeat top center;
}

    Perhaps it would work better to use that particular image in a text widget in the sidebar?
    http://en.support.wordpress.com/widgets/text-widget/

  • torialexander · Member ·

    Thanks designsimply. Based on your suggestion, I monkeyed around a bit and did this

    #header {
    text-align:left;
    background:url(‘http://torialexander.files.wordpress.com/2010/05/coverstrip2-e1272883810550.jpg’);
    padding:1px 1px 75px;
    }

    At first the image was too far left and lay under the title. So I created a new image with a lot of white on the left side. It places better. For some reason when I made the new image it came out fuzzy. Any suggestions? Maybe scale is wrong; it’s something like 625 x 130

  • The topic ‘I want to add an image in the header to twenty-eight thirteen theme’ is closed to new replies.