Removing the grey outline box from the header

  • Author
  • #879163

    Hi, I’m completely knew to WordPress & have paid for the custom design upgrade to allow me to change the template I’m currently using which is ‘Forever’. I have created a logo in the header box but there’s a grey outline box around the header which I want removing if possible. I have no idea about CSS so please treat me like a complete noob :) step by step instructions would be great as I’m really not sure where to start.

    Thanks in advance!!

    The blog I need help with is


    I see no grey outline box in either Safari or in Firefox.


    Yer I know sorry I’ve not applied it on the blog just tried it on the preview. I don’t really want to make the page live as it doesn’t look right with the grey outline box around the header.


    Well, I’m not going to set up a test blog, activate Forever, create a header and insert it so I can get the code, and CSS is theme specific so I don’t have a clue.

    Get Firebug for Firefox and then use it to identify which selector in the CSS is involved.


    Ok sorry to mess you about but didn’t realise it would mean you setting your own test site up. I have upped the test header to show you what I mean. I did try firebug but couldn’t get it to show the css script for some reason. I appreciate your patience in this matter.


    Right sorry for all the messing about…I’ve resolved it now with firebug. Didn’t realise how easy it was to change using that.

    Thanks for all your help!


    If anyone’s having the same problem on the ‘Forever’ template just paste this into the CSS Stylesheet Editor:-

    #masthead img,#featured-content img,#recent-content img,.entry-content img,.entry-thumb img,.comment-content img,.widget img {
    background:none repeat scroll 0 0 #FFFFFF;
    border:0 solid #BBBBBB;

The topic ‘Removing the grey outline box from the header’ is closed to new replies.