WordPress.org

Forums

CSS help (26 posts)

  1. adb
    Member
    Posted 10 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 10 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 10 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 10 years ago #

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

  5. adb
    Member
    Posted 10 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 10 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 10 years ago #

    Thank you Podz!

  8. adb
    Member
    Posted 10 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 10 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 10 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 10 years ago #

    Hmmmmmm.

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

    @Root .. I wondered where you were :)

  13. Root
    Member
    Posted 10 years ago #

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

  14. Root
    Member
    Posted 10 years ago #

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

  15. Root
    Member
    Posted 10 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 10 years ago #

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

  17. Root
    Member
    Posted 10 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 10 years ago #

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

  19. Root
    Member
    Posted 10 years ago #

    I prefer to think of it as a service :)

  20. adb
    Member
    Posted 10 years ago #

    And it is appreciated.

  21. Root
    Member
    Posted 10 years ago #

    You're very welcome :)

  22. adb
    Member
    Posted 10 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 10 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 10 years ago #

    I'm learning. Thanks again.

  25. Root
    Member
    Posted 10 years ago #

    No problem. Goodnight :)

  26. adb
    Member
    Posted 10 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.