WordPress.com

1. charlottesweb365
   Member
   Apr 29, 2012, 8:10 PM

   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 charlottesweb365.wordpress.com.

2. thesacredpath
   Member
   Apr 29, 2012, 10:53 PM

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

3. charlottesweb365
   Member
   Apr 30, 2012, 8:09 AM

   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.

4. thesacredpath
   Member
   Apr 30, 2012, 8:50 AM

   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.

5. charlottesweb365
   Member
   Apr 30, 2012, 9:44 AM

   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.

6. charlottesweb365
   Member
   Apr 30, 2012, 10:34 AM

   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!

7. charlottesweb365
   Member
   Apr 30, 2012, 10:50 AM

   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;
   }

Topic Closed

This topic has been closed to new replies.