WordPress.org

Support

Support » Themes and Templates » Twenty Ten Theme, full width element zoom

Twenty Ten Theme, full width element zoom

  • How can I size an element (in header) that does not have the padding (white space) on the left and right of the page.

    I need the element to be sitting on top of the wrapper, with the same width as the wrapper. The problem is that the position changes when I zoom the page, i need it to stay with the rest of the page when zooming

Viewing 9 replies - 1 through 9 (of 9 total)
  • Moderator Michael

    @alchymyth

    Forum Moderator

    link to your site?

    formatting issues can generally not be discussed without seeing the problem in a live site.

    the element im referring to is the transparent logo at the top of the page

    Open your style.css stylesheet. You will need to change margin-right and margin-left to auto in two places. The first is near line 1386 for the #toptitle element, and the second is near line 378 for the #access element. The first change is for your transparent header image, and the second change is for your navigation menu.

    @jpry: Awesome, it worked for the header image perfectly, but not the menu, which is still messed up and now out of alignment

    Well, let’s take it back a few steps. First, I would recommend saving any changes you’ve made to the theme files, and then incorporate them into a Child Theme. This will make sure that you don’t lose anything if/when the TwentyTen theme is updated. Secondly, what specifically are you trying to accomplish by separating the header image and navigation from the original <div> wraps that they were enclosed in? If I understand what you’re shooting for, maybe I can help you determine a better method that doesn’t break things unintentionally.

    Im saving everything Im doing, the only thing i need is my navigation menu fixed and then i’ll be all set. I don’t know what more to tell you.

    I think I found what is causing the problem. Remove float: left; from the definition for #access in your style.css file, then reset margin-right and margin-left to auto. See if that gives you the results you’re looking for.

    Sorry, one more thing. Near line 396 for div.menu, add overflow: auto;.

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Twenty Ten Theme, full width element zoom’ is closed to new replies.