WordPress.org

Ready to get started?Download WordPress

Forums

CSS help (26 posts)

  1. adb
    Member
    Posted 9 years ago #

    I'd like to center my entire blog, but I don't know how. I've attempted to fiddle with margins, but of course I don't know what I'm doing. Any suggestions would be appreciated. Thanks!

  2. Mark (podz)
    Support Maven
    Posted 9 years ago #

    One way is to use this:
    #rap {
    margin: 0px 100px 0px 100px;
    border: solid #000 1px;
    background: white;
    }
    BUT...
    you have other elements which seem to be taking their positioning from somewhere else, so if you insert that (just put if after the #rap you already have to see) the display breaks.
    You could insert that and then go through correcting the positioning, but I can't see a very easy fix right now.

  3. davidprince
    Member
    Posted 9 years ago #

    In your wp-layout.css find:
    body {
    and add to this division (within the curly brackets):
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    That should do it.

  4. adb
    Member
    Posted 9 years ago #

    I'll try that. Thank you both. ;-)

  5. adb
    Member
    Posted 9 years ago #

    I tried this:
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    But that just center the blog text. I'd like to move the whole thing over so that there is less space on the right.

  6. Mark (podz)
    Support Maven
    Posted 9 years ago #

    The rap div encloses everything, so that is the place to start.
    As I said though, some elements may behave oddly and need sorting - but that's why we are here :)

  7. adb
    Member
    Posted 9 years ago #

    Thank you Podz!

  8. adb
    Member
    Posted 9 years ago #

    It centered quite nicely now. :-) But now the background image isn't visible and the footer is wider.

  9. Mark (podz)
    Support Maven
    Posted 9 years ago #

    Footer:
    In index.php, put it above the /div that it is currently below.
    Image in a mo ...

  10. Mark (podz)
    Support Maven
    Posted 9 years ago #

    background: url(wp-images/body.gif) repeat-y;
    Where did this go exactly ?
    It was in 'body', but it now needs to be somewhere else..

  11. Root
    Member
    Posted 9 years ago #

    Hmmmmmm.

  12. Mark (podz)
    Support Maven
    Posted 9 years ago #

    @Root .. I wondered where you were :)

  13. Root
    Member
    Posted 9 years ago #

    Well a guy has to eat podz but y'all doin fine.

  14. Root
    Member
    Posted 9 years ago #

    @ adb have you considered a eeerr fresh approach to your CSS positioning needs?

  15. Root
    Member
    Posted 9 years ago #

    Well if you get fed up with you layout looking a bit haphazard you could try the Gemini Template. A lot of folks find it easy to implement. Good luck.

  16. adb
    Member
    Posted 9 years ago #

    Root,
    I did check out your Gemini Template. And I will consider it.

  17. Root
    Member
    Posted 9 years ago #

    Much nicer. Welcome to WordPress and Welcome to Gemini. I will up a link for you as a *known user*.

  18. adb
    Member
    Posted 9 years ago #

    yes, it's called wordpress peer pressure. ;-)

  19. Root
    Member
    Posted 9 years ago #

    I prefer to think of it as a service :)

  20. adb
    Member
    Posted 9 years ago #

    And it is appreciated.

  21. Root
    Member
    Posted 9 years ago #

    You're very welcome :)

  22. adb
    Member
    Posted 9 years ago #

    another question: on the gemini template, where in the css can I change the color for the border to the left of the catergories, links, etc?

  23. Root
    Member
    Posted 9 years ago #

    Well the only border in there is the edge of the tiled menu bg so it is a graphic. That way it tiles all the way down. You can add a border or bg to #menu ul though. Just experiment a bit.

  24. adb
    Member
    Posted 9 years ago #

    I'm learning. Thanks again.

  25. Root
    Member
    Posted 9 years ago #

    No problem. Goodnight :)

  26. adb
    Member
    Posted 9 years ago #

    It's a good day when I'm learning a little css and my page validates (xhtml AND css). Thanks again.

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags

No tags yet.