WordPress.org

Ready to get started?Download WordPress

Forums

Twenty Ten Theme, full width element zoom (10 posts)

  1. gnarbles
    Member
    Posted 3 years ago #

    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

  2. alchymyth
    Forum Moderator
    Posted 3 years ago #

    link to your site?

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

  3. gnarbles
    Member
    Posted 3 years ago #

  4. gnarbles
    Member
    Posted 3 years ago #

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

  5. Jeremy Pry
    Member
    Posted 3 years ago #

    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.

  6. gnarbles
    Member
    Posted 3 years ago #

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

  7. Jeremy Pry
    Member
    Posted 3 years ago #

    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.

  8. gnarbles
    Member
    Posted 3 years ago #

    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.

  9. Jeremy Pry
    Member
    Posted 3 years ago #

    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.

  10. Jeremy Pry
    Member
    Posted 3 years ago #

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

Topic Closed

This topic has been closed to new replies.

About this Topic