WordPress.org

Ready to get started?Download WordPress

Forums

Align entire theme on the RIGHT? (6 posts)

  1. nofilmschool
    Member
    Posted 8 years ago #

    Many sites--based on WordPress or not--are centered in the browser, and many are aligned on the left side. Because I want to be different, I want to align my site on the RIGHT. I am currently developing the site on the Relaxation 3-column theme at http://clemens.orth.me.uk/3column_docs/. Is this possible/feasible? I'm setting it up to be 990 width, so it has to automatically "justify" itself on the right side next to the scrollbar. Thus the extra blank space on a browser running at 1280 or 1600 would be on the left instead of the right. I'd appreciate any help on this matter, as I'm kind of stuck in my development. Thanks, truly,

    Ryan

  2. twat
    Member
    Posted 8 years ago #

    There are probably many ways of doing this. Many themes appear to have a #container reference in the stylesheet.

    #container {
    position:absolute;
    right:0;
    }

    It would probably also work if you put those specifications within the body { } tag, also in style.css.

    Others may suggest better and/or easier ways to do this, as I am a n00b.

    Kat, the Twat

  3. nofilmschool
    Member
    Posted 8 years ago #

    Hmm. Thanks but in the Relaxation theme there is no #container. And messing with the body part has not produced the right result.

    Relaxation seems to do things differently; anyone have any idea? Thanks...

  4. twat
    Member
    Posted 8 years ago #

    Hi - this got me curious.

    I uploaded what I think is the same relaxation you are referring to to http://sandbox.working-title.org/ with the modification to the body tag as follows:

    body {
    position:absolute;
    right:0;
    background: #a9ac99;
    font-size: 13px;
    font-family: 'Trebuchet MS', 'Bitstream Vera Sans', Verdana, Arial, 'Lucida Sans', 'Lucida Sans Unicode', Helvetica, sans-serif;
    padding: 20px 0;
    }

    The page is aligned to the right edge of the browser, and any extra space (variable width) is placed to the left of the page.

    Is this what you had in mind?

    Kat, the Twat

  5. nofilmschool
    Member
    Posted 8 years ago #

    Kat--perfect. You were right; it is under "body," I just wasn't using the "position: absolute" correctly. Thanks, this is a huge help!

    Ryan

  6. twat
    Member
    Posted 8 years ago #

    No prob :) I love figuring this stuff out (when I'm not tearing my hair out because I can't find out where I've gone wrong!)
    Kat, the Twat

Topic Closed

This topic has been closed to new replies.

About this Topic