Edit Box wont center to the header

  • I cant get the edit box on my wordpress theme to center when it’s on a computer screen. It centers on a phone and tablet but the edit box aligns to the left leaving the right side empty. Am I missing something simple to adjust so the edit box is the same dimensions as the rest of the page.

    The image and top text were made using front page widget area, its the onle way I could get everting to look half decent.

    The page I need help with: [log in to see the link]

Viewing 4 replies - 1 through 4 (of 4 total)
  • Moderator bcworkz

    (@bcworkz)

    What do you mean by “edit box”? On the page you linked to? No edit box is visible to me. And the page’s content does appear to be centered on the screen at all reasonable widths. If your view of the page is off center, your browser may have cached stale CSS. Try flushing your browser cache.

    Thread Starter eamoorester

    (@eamoorester)

    I just put a picture there so you know what I mean. The top pictures and text are from a widget I did, the bottom picture is where the edit area for the theme. Id like to add more text down below but its off center. Then I decided to just do everything through the widget but it still shows an off centered white box down below on the page.

    Moderator bcworkz

    (@bcworkz)

    Add this to the Additional CSS section of the customizer or style book:

    #primary {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}

    You can set the width percentage to anything you like. If you use media queries, you can specify different widths for different viewport widths.

    CSS is often aggressively cached. If this CSS does not have the desired effect, you may need to flush any caches involved, both client and server side. In rare cases you may need to add the !important modifier to custom CSS that is not otherwise being recognized.

    This CSS will be applied to all pages. If you only want this one page centered, include .home as the initial selector.

    Thread Starter eamoorester

    (@eamoorester)

    Thanks it worked! I was pulling my hair out and I don’t have a whole lot left.

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Edit Box wont center to the header’ is closed to new replies.

Tags