WordPress.org

Ready to get started?Download WordPress

Forums

[resolved] Text Width (17 posts)

  1. yourslovingly
    Member
    Posted 4 years ago #

    Help, my site here: http://www.fromyourslovingly.com/bagsnmore

    I want to resize the width such that my text & products will fill up the space from left margin up till my right sidebar.
    Where should I edit it?

    Thanks!

  2. esmi
    Forum Moderator
    Posted 4 years ago #

    That's never going to happen 100% of the time. Your product blocks are 120px wide, so 4 of them will not fit across the 450px wide page area. Expanding the page content area will take a fairly major theme/CSS re-write.

  3. yourslovingly
    Member
    Posted 4 years ago #

    Hi esmi,

    thanks for the response.
    but for normal text I can't seem to stretch it across too...i.e. this page: http://www.fromyourslovingly.com/about

    :)

  4. Scoe
    Member
    Posted 4 years ago #

    im confused as to what you are trying to achieve... do you want all the main data in the middle column?

  5. Scoe
    Member
    Posted 4 years ago #

    and you dont have a div for a left column, you have right and middle.... no left

  6. esmi
    Forum Moderator
    Posted 4 years ago #

    There's no text on http://www.fromyourslovingly.com/about. It's all images.

  7. yourslovingly
    Member
    Posted 4 years ago #

    ignore the background image. I want the main data to span from left to right (up till right sidebar) just like this:
    http://www.vivawoman.net/about/

    thanks scoe :)

  8. yourslovingly
    Member
    Posted 4 years ago #

    Esmi, this page is with text: http://www.fromyourslovingly.com/delivery-payment
    it's odd that the text stops short of right margin :D

  9. Scoe
    Member
    Posted 4 years ago #

    This is your CSS on style.css line 277:

    .middle {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent none repeat scroll 0 0;
    border:0 solid #2B3E4D;
    float:left;
    font-size:11px;
    line-height:16px;
    margin-left:25px;
    margin-top:-15px;
    overflow:hidden;
    padding:10px;
    text-align:justify;
    width:445px;
    }

    change the width to approx 660px:
    width:660px;

  10. Scoe
    Member
    Posted 4 years ago #

    looking again.. that will fix that page, however will screw up your home page.

    You need to change the divs from the home page and your page, rename the .middle div then apply the width change.

    you should be able to do this in the page.php file, unless you have changed all that already =]

  11. yourslovingly
    Member
    Posted 4 years ago #

    omg, scoe!!! you saved my day!!! Love u big time!! :D :D it's all well now.
    Thank you so very much.

  12. yourslovingly
    Member
    Posted 4 years ago #

    oh yeah the homepage is screwed LOL

  13. yourslovingly
    Member
    Posted 4 years ago #

    oh no it's not working...the homepage cant seem to get away from the other pages :(

  14. Scoe
    Member
    Posted 4 years ago #

    did you try re-naming the div? you will need to take all the styles accross too, not the most elegant of fixes, but if it works....

  15. yourslovingly
    Member
    Posted 4 years ago #

    hi scoe, I'm not sure how to rename the div...hmmm I'm pretty much an IT/CSS idiot :S
    is there somewhere I can read up on modifying the div/ styles?
    thank you so much.

  16. Rev. Voodoo
    Volunteer Moderator
    Posted 4 years ago #

    to rename the div you just change its name. It will say <div id="something"> or <div class="something"> you just change the word in between the quotes.

    That in turn references you stylesheet (css)

    div id="something" will be #something in your css
    div class="something" will be .something

    so you change the name of the div to anything you want that is not already in your css, then in your css make a matching entry for the div you just named, then apply your css.

    The easiest way would be to just copy that other entire block of css, paste it right under itself, change the name to whatever you renamed the div to, and adjust its width accordingly

    I hope that makes sense, I'm very tired....

  17. yourslovingly
    Member
    Posted 4 years ago #

    rvoodoo...thank you so very much!! really appreciate your help :) it's done now :-)
    http://www.fromyourslovingly.com/delivery-payment

Topic Closed

This topic has been closed to new replies.

About this Topic

Tags