Theme width (4 posts)

  1. mepperson
    Posted 8 years ago #

    I am fairly new to workdpress and css as a whole. I have gotten to customize some of my site to make it like I want, but currently can't figure out something.
    I'm wanting to play with the width of the entire page and have a border on the back.

    I'm just trying to shrink it up a bit and make it a little nicer.

    I would appreciate any assistance. I have done searches through the forums but can't locate any of the items to change int he stylesheet on my site.


    P.s. site it http://www.epperson.cc

  2. cmm225
    Posted 8 years ago #

    Well, right now it is fluid width.

    In order to set a certain width, you should wrap the whole thing in something like

    <div id="container">
    <div id="mainlink">Skip to main content.</div>

    <div id="footer">
    <hr />

    The Epperson Family is proudly powered by
    and <a href="http://beeblebrox.net/projects/wordpress-theme"
    >Beeblebrox Theme

    Entries (RSS) and
    Comments (RSS).

    18 queries. 0.878 seconds.


    Then, in your CSS have

    #container {
    border: 1px solid #000000;
    width: 770px;

    Or whatever width, however you want the border, blah.

    But, I believe this should be in "Themes and Templates".

  3. mepperson
    Posted 8 years ago #

    Thanks for the quick reply I appreciate the help.

    I understand the CSS entry for the width, but where exactly would I place the wrap? <div id=container>, etc.

    Thanks again for any assistance.

  4. cmm225
    Posted 8 years ago #

    Right where I showed you, below <body> above <div id="mainlink">, and the closing div before </body>

Topic Closed

This topic has been closed to new replies.

About this Topic