WordPress.org

1. stuartirene
   Member
   Posted 1 year ago #

   Hi there,

   Can anyone please point to me where can I remove the wrapper for header, menu and footer. I did play around with #wrapper in CSS but doesn't show any effect on it. Can anyone please? Many thanks!

2. batrachoid
   Member
   Posted 1 year ago #

   You might be better off changing the margins of your header, footer, etc. Those are all in your stylesheet.

3. alchymyth
   The Sweeper
   Posted 1 year ago #

   I did play around with #wrapper in CSS

   more specific: what did you try?

   what do you mean with: wrapper for header, ...?
   the white extra space around them?

   if you remove the padding from #wrapper, then this white space should be gone.

4. stuartirene
   Member
   Posted 1 year ago #

   Hi, thanks for your reply. Yes I would like to get rid of the white space around header, menu and footer except the content. The following is my twenty ten child stylesheet, could you please point to me where can i make the changes inorder to capture the effect? I have tried inserting padding on #wrapper or even deleting #access .menu-header,
   div.menu, #colophon and #branding except #main but didn't show any effect. Did i miss out anything in CSS? Many thanks.

   [css moderated]

5. alchymyth
   The Sweeper
   Posted 1 year ago #

   #wrapper {
   background: #FCFCFC;
   margin-top: 0px;
   padding: 0 20px;
   }

   the padding values mean:
   - zero padding top and bottom;
   - 20px padding left and right.

   try to set all values to 0 (zero)

6. stuartirene
   Member
   Posted 1 year ago #

   Hi alchymyth, thanks for your reply. Have resolved the issue. Thanks.

7. bevers
   Member
   Posted 1 year ago #

   Hey Alchymyth, thanks a bunch for the info. I too, had the same issue. I was able to update the padding values as you described above and this resolved my issue with the left and right hand sides of my header. I'd also like to remove the white area just above my header as well...I have about a half inch of white just above my header that I'd either like to delete completely or be able to change the color of this area.

   If there is any info you can provide on how I can update this, I would very much appreciate it.

   Thanks,
   Ryan

8. alchymyth
   The Sweeper
   Posted 1 year ago #

   i assume that you are not using any blog title or blog description - that leaves the empty space.

   edit style.css:

   change the top padding of #header to 0px; add display:none; to #site-title and #site-description:

   (these styles are located all together)

   #header {
   	padding: 0px 0 0 0; /*was 30px 0 0 0; */
   }
   #site-title {
   	float: left;
   	font-size: 30px;
   	line-height: 36px;
   	margin: 0 0 18px 0;
   	width: 700px;
   display:none;
   }
   #site-title a {
   	color: #000;
   	font-weight: bold;
   	text-decoration: none;
   }
   #site-description {
   	clear: right;
   	float: right;
   	font-style: italic;
   	margin: 14px 0 18px 0;
   	width: 220px;
   display:none;
   }

   (only a guess without a link to your site)

9. bevers
   Member
   Posted 1 year ago #

   Awesome! That cleared it up. Thanks a bunch!

10. saeedqs
    Member
    Posted 1 year ago #

    great

Topic Closed

This topic has been closed to new replies.