Trouble w/ custom header in Twenty Ten

  • Unknown's avatar
    sideponytail · Member ·

    I’m hoping to transfer my blog to wordpress.com (it’s currently hosted on blogspot), but wanted to get my theme all set up before making the switch. I thought I would start by adding a custom header, but am having some trouble.

    I’ve purchased the CSS upgrade and have added the following CSS in addition to the standard Twenty Ten stylesheet:

    #branding img {
    background:url(‘http://pics.livejournal.com/exchangediary/pic/0031qq2p’);
    height:250px;
    }

    The change in height property is reflected, but my custom image is not displaying. I’ve tried a couple of variations (using background-image instead of just background, that sort of thing), but can’t seem to get it to show up. I’m sure that I’m missing a simple error and would appreciate it if someone would be able to point it out to me.

    Thanks!

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

  • Unknown's avatar
    timethief · Member ·

    I’ve purchased the CSS upgrade and have added the following CSS in addition to the standard Twenty Ten stylesheet:

    CSS is theme specific. If you have custom CSS and later change themes, you need to delete whatever CSS you have in the Editor, otherwise, you’ll get undesired results.

    To ‘reset’ a theme, you need to delete the CSS in the Editor, make sure the “add to existing CSS” radio button is checked, then save. Things should go back to normal.

    When you alter a theme’s stylesheet, you only need to put in the Editor the modification/additions to the CSS, not the entire thing. Read this for more info: http://csswiz.wordpress.com/2009/10/15/if-you-have-the-wp-com-css-upgrade/

    Also, do not forget to always post a link to your blog so that we can see the problem you are having and give you a more informed solution.

    I’m not one of the two Volunteers who help with CSS so for help with the rest will have to wait for one of them to locate this thread and reply to you. :)

  • Unknown's avatar
    sideponytail · Member ·

    Thank you for your response. I did ‘reset’ the theme as you described above, but am still having the same issue. While the CSS override for my header height goes through, the custom header image itself doesn’t show up. (Additionally, I am only including my CSS modifications in the Editor.)

    My blog can be found at http://sideponytail.wordpress.com (I have yet to import the content from my blogspot blog, I wanted to get the layout sorted out first.)

    Thanks again for your response.

  • Unknown's avatar
    panaghiotisadam · Member ·

    That’s probably because the original header image showes up in front of the other one. Try this:

    #branding img {display:none;}
    #branding {background:url(‘http://pics.livejournal.com/exchangediary/pic/0031qq2p’);
    height:250px;
    }

    And better use the URL you’ll get after uploading the image to the blog via Media > Add New.

  • Unknown's avatar
    sideponytail · Member ·

    Thank you so much! I thought it might be something like that. I’ll be sure to switch the URL when I upload the image to the blog itself. Thanks again!

  • The topic ‘Trouble w/ custom header in Twenty Ten’ is closed to new replies.