Support » Themes and Templates » #wrapper is affecting my Menu bar

  • I hate to start new threads, but I am getting quite flustered. I am modifying Twenty Ten, which might not be a good idea in the first place, but here I am.
    I pushed my header all the way to the top of the page, but if I add any margin-top, it expands my menu bar by the same amount. It’s like the menu bar is not nesting inside the wrapper, like I thought it should.

    Likewise, I have a nasty white space between my header image and the menu bar. Again, I believe this has something to do with the wrapper.

    The reason I suspect the wrapper is that I tried to add a CSS3 shadow to the wrapper; for some reason it did not apply itself to the header or the footer.

    Perhaps this is a CSS cascade issue?

    Here is my site: http://nwep.ca/wordpress/

    Thanks in advance!

Viewing 12 replies - 1 through 12 (of 12 total)
  • I am modifying Twenty Ten, which might not be a good idea in the first place

    Correct. Don’t edit the Twenty Ten theme. Instead create a child theme for your customisations. Once your child theme is active, we should be able to help with the customisation.

    Thread Starter stickers11

    (@stickers11)

    Sorry, I should have qualified. I’ve created a child theme based on Twenty Ten, and placed it in sub directory.

    Thread Starter stickers11

    (@stickers11)

    Okay, figured out the wrapper issue, just needed to create a second instance of the wrapper ID.

    Still stuck on the white space between the banner and the menu….this one has me stumped.

    when you edited header.php to remove the site-title, you have likely forgotten to remove:

    </<?php echo $heading_tag; ?>>

    this left-over code would close the #branding div prematurely and add an extra closing div to the header, which will break the design.

    Thread Starter stickers11

    (@stickers11)

    I don’t believe I actually edited the PHP file, but rater I removed the CSS for the site-title. Might this still be the problem however?

    I don’t believe I actually edited the PHP file, but rater I removed the CSS for the site-title. Might this still be the problem however?

    the html output clearly shows that the php code in header.php was edited; i.e. most of the title code is missing.

    if you like, you can paste the code of header.php into a http://pastebin.com/ and post the link to it here.

    Thread Starter stickers11

    (@stickers11)

    Hello,

    Below is my header.php and my style.css

    header.php: http://pastebin.com/mgMRy5Ep
    style.css: http://pastebin.com/JYBJL25H

    the </div> in line 60 is wrong (i.e. needs to be removed, afaik) – the #branding div is properly closed in line 73.

    Thread Starter stickers11

    (@stickers11)

    OMG it worked. alchymyth you are wonderful!

    I never thought to look in my PHP files. Was always told to resist doing much editing in the PHP files…especially in regards to editing style.

    I may not be done with you yet…I’d like to add a CSS shadow to my “wrapper”. Last time I tried this, the shadow did not apply my menubar and footer.

    Thread Starter stickers11

    (@stickers11)

    I am looking at making my footer containers look different from my sidebar containers. Is this this as simple as creating a new style in the CSS? I once thought I found a thread on this…perhaps someone can steer me there. Thanks!

    Is this this as simple as creating a new style in the CSS?

    yes –
    if you start the new styles with #footer-widget-area then they should be specific enough to be different from the sidebar.

    examples:

    #footer-widget-area .widget-container { border-color: #edf123; }
    #footer-widget-area .widget-title { color: #123edf; background-color: #edf123;  }
    Thread Starter stickers11

    (@stickers11)

    Again, thank you. I’ve had this topic open on another thread and no replies thus far. Now I can get to work…

Viewing 12 replies - 1 through 12 (of 12 total)
  • The topic ‘#wrapper is affecting my Menu bar’ is closed to new replies.