What happened to my custom header?

  • Author
  • #609123


    I am running a website using WordPress.com, and I have been for the past several months. Using a paid custom CSS upgrade, I made several changes to the Pilcrow theme, including a custom header I designed. It looked great until I checked the site today and found a huge stock image covering most of my custom header and a decent-sized chunk of my topmost post. I have no idea what’s going on.





    The blog I need help with is robinsoncarusoorganization.com.



    When you CSS edit a theme you can no longer use the header uploader. You must upload the image into your Media Library and then link to the image URL in your CSS.



    May I also point this out to you? 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/




    Thanks for the response. I realized the copy/paste stylesheet thing too late – at this point, it would be tricky to extract the changes from the entire thing.

    As far as I knew, I wasn’t using the header uploader anymore – I had uploaded the image to my media library and was linking to the image URL in the CSS. As I say, all was well for two months before the offending stock image appeared. I’m wondering if I goofed a line of code, and some kind of change was made to the Pilcrow template (not by me), resulting in the weird image invasion.





    And there it is. It’s probably what you meant, but when I told WordPress not to use a header image anymore, it went away. Weird. I can’t figure out why that wasn’t a problem before.



    I see that you have changed themes from Pilcrow which I saw on your blog when I first answered to Fjiord. 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.



    It’s still Pilcrow when I check it. Hmm.



    OOPS! Sorry I clicked the wrong link & went to the worn blog. To make a long story short we have precious little Volunteer support for CSS editing and no Staff support. Please be patient while waiting for the Volunteer who works with CSS enters this thread and helps you.


    I’m seeing header images on both the referenced sites. With Pilcrow, the header image is done directly in the PHP script. When you select “remove header” the header image div does not load into the page. That is why the image disappears.

    One other thing I will note is that removing the wordpress.COM and theme footer information is against the TOS here and can get your site suspended. You need to add that back into the footer (make it display again).



    Thanks, TSP. Everything looks good now, as far as I can tell.

    Yikes. I guess I didn’t know about the stipulation that I needed to keep the WordPress footer – I guess I should have read the TOS more carefully. I probably removed that ages ago. Can you help me to get it back on again?


    In your custom CSS, find #footer #colophon and remove the “display:none;” declaration.

    Also since your header image hangs out to the right just a touch past the edge of the wrapper area, adding the following will hide the overflow.

    .three-column #wrapper {
    overflow: hidden;


    Thank you so much. This is so helpful. I’ve done as you said, and it’s re-added the footer, although it looks like the full text isn’t fitting.


    Ah, one more place. Remove the display:none; at #footer #colophon a



    Hi there,

    http://traversenz.com (currently set as private). Can you still gain access to view site when private?

    I’m building a blogsite using WordPress.com. Using a paid custom CSS upgrade, I made some changes to the Linen theme, including a custom header. After making desired changes, I noticed the custom background image had vanished (replaced by a solid grey colour). I now realise that when you CSS edit a theme you can no longer use certain functions of the dashboard. I’ve uploaded the background image into my Media Library and copyied the image URL to paste into CSS. The next step should be relatively easy but I’m struggling to identify where the background code lies. Any helpful tips on what it might read as, would be much appreciated.

    Image URL (http://traversenz.files.wordpress.com/2011/05/tongariro-backround2.jpg).

    The theme fonts can’t be changed either unless editing the CSS? Is this correct? Is there any way of locking in the CSS changes and getting back the dashboard functionality?

    Many thanks,


    No, volunteers cannot access private blogs.

    The disappearance of a background or header image is typically caused by pasting the entire stylesheet into the CSS edit window. It breaks all the relative URLs in the CSS.

    Since your blog is private, we cannot even view the background image you reference as we get a 403 access forbidden message.




    “Using a paid custom CSS upgrade, I made some changes to the Linen theme, including a custom header. “

    As you have a Premium theme you have access to the Premium Theme Forum and can ask the theme designer for help. You should have a link to that forum here > Appearance > Themes



    Thanks thesacredpath and timethief!

    Will have to release the site from private setting before asking for help next time. Sorry about that. I understand about the breaks in URL’s but it’s beyond me.

    Thanks for the tip on premium forum. I wasn’t aware of that. Sounds good! Will check it out.

    Much appreciated,


The topic ‘What happened to my custom header?’ is closed to new replies.