Trying to center body or change page left margin

  • Unknown's avatar
    netglobalcapitalism · Member ·

    I’m customizing the CSS code in my Mystique template and have had no trouble up to now. After changing the width of the page, I can’t seem to change the page left margin or center the body. I tried changing the margin, the padding, center aligning it, etc., but nothing seems to change it. I also searched through the page source code, but can find no reference to a left margin, padding, or alignment. Any help would be most appreciated.

    The blog I need help with is: (visible only to logged in users)

  • Unknown's avatar
    siobhyb · Member ·

    In you custom CSS, you seem to have targetted the #access, #main, and #footer selectors in order to change the width of the page. You should instead be targetting the #container selector, as follows:

    #selector{
width:  1050px;
}

    Please remember to remove the original code you added for the #access, #main, and #footer selectors as it is unneeded and in order to avoid any confusion when editing the code in future.

    As a side note, I would recommend using a maximum width of 1000px for your website. A majority of desktop users have screen size of 1024×768, thus a web page with a width of 1050px may not display as desired on their screens.

    Hope this helps. :)

  • The topic ‘Trying to center body or change page left margin’ is closed to new replies.