WordPress.org

Support

Support » How-To and Troubleshooting » Newb Needs Help

Newb Needs Help

  • http://mafsmetsreport.twooldsaps.com
    [learn how to write a complete URI – mod.]

    Been Looking at using WP for a couple weeks now, and have a test page to work with. I’m a newb at style.css and am hoping some of you brains can help me out a little:

    My first of probably many questions is:

    How do I stretch blog so I don’t have as much space on the left and right. I have a lot to say and would like my blog to be wider. I’ve messed around a little with the .css, but couldn’t find where to make the width bigger.

    Thanks for the help
    Smallz

Viewing 7 replies - 1 through 7 (of 7 total)
  • What is the theme that you downloaded?

    Your style.css file is using some static sizes. Look at what’s going on with the .content and .sf_left .sf_right and you can see where some widths are setup.

    I downloaded it and found that if you change the content only to make it wider, everything seems to flow pretty well. The only thing that is not right is the drop-shadow box around the content. It is still the old width. And that is because the image is 768×18. The images big_top, big_bottom and big_middle will have to be resized.

    I think I got that part, thanks for the help.

    Second Dumb question:

    How do I now widen my content field?

    Thanks

    When you are trying to change a theme, I find it helpful to view the source code from your blog. That way you can tell what div the “article” is in. There is a comment in the css stylesheet which says ‘left and central column’. I would change the right_side and left side to fit your needs.

    jwurster,

    I really appreciate the help. And I’m on a try and learn basis right now, taken the notes. I’ve been lookin at what you’ve suggested but, can’t seem to get it all the way over. Here is my left and central column info, what do you think might be wrong:

    /* left and central column */
    .left_side { float: left; width: 100px; padding: 0px 5px 8px 8px; }
    .right_side { float: right; width: 405px; margin: 0 5px 0 0; text-align: justify; }

    .article { padding: 0 5px 0 0px; margin-bottom: 20px; }

    If you’d like to increase the sizes of the columns, it should be as simple as increasing the number of pixels accordingly. If you have some sort of wrapper or container that contains the left_side and right_side you’d have to increase it accordingly too.

    For example, if you increase the left side by 100px and the right side by 50px, you’d have to increase the wrapper or container by 150px to ensure that they fit. This is of course, assuming you do have a wrapper or something similar.

Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘Newb Needs Help’ is closed to new replies.
Skip to toolbar