Removing the grey outline box from the header
-
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: (visible only to logged in users)
-
-
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;
max-width:99.35%;
padding:1px;
}
- The topic ‘Removing the grey outline box from the header’ is closed to new replies.