• Hi there!

    I’m having trouble changing the width of my content – the space where my posts and pages appear. I can’t seem to find it in my stylesheet at all! Right now the width is 700px, but ‘700’ doesn’t even appear in my stylesheet.. Does anyone have any idea how to fix this?

    Thanks!

Viewing 9 replies - 1 through 9 (of 9 total)
  • Vamsi

    (@mannemvamsi)

    Post your website link.
    Sometimes styles applied as inline too.

    Thread Starter Nizzylikes

    (@nizzylikes)

    It’s DeniseJoanne.com ??

    Thread Starter Nizzylikes

    (@nizzylikes)

    Anyone? ??

    It seems like the large container that holds your sidebar and your main content is set to 1050px. The sidebar is set to 275px with a 20px border to the right. The main content, where your posts are seems to be taking up the rest of the left over space. Its width doesn’t seem to be implicitly set. If you want to set it to something else there may be a number of things you have to do to get it to work ‘correctly’.

    But…if you want to just adjust the width, you can by targeting the container of you main content which is

    .art-layout-cell.art-content {
        width: 900px; /* change this value to whatever you want */
    }

    But that isn’t really going to fix anything.

    Thread Starter Nizzylikes

    (@nizzylikes)

    Thank you!! That makes sense.
    But what are the things I’d have to do to make it work correctly?

    What exactly do you want your end result to be. If you tell me kind of what you want to do I could help you a little better.

    Thread Starter Nizzylikes

    (@nizzylikes)

    Well I’d like my content to be a bit wider. My pictures show up too small for my liking! I’d like the content box to be around 900px.
    Thanks for helping!

    try adding this code to the bottom of your style sheet, or wherever you have custom css.

    /* ----- STYLES TO EXTEND CONTENT TO 900px. PLACE AT BOTTOM OF STYLE SHEET-----*/
    
    /* extend entire container 200px. from 1050 to 1250 */
    .art-sheet {
        width: 1250px !important;
    }
    
    /* make sure images stretch to new width */
    .art-post img {
        max-width: 100% !important;
        width: 900px !important;
    }
    
    /* corrects placement of comments link */
    .art-postfootericons,
    .art-postfootericons a,
    .art-postfootericons a:link,
    .art-postfootericons a:visited,
    .art-postfootericons a:hover {
        left: 405px !important;
    }

    i added comments so you know what the code is doing

    Thread Starter Nizzylikes

    (@nizzylikes)

    Thank you so much for helping me!
    Unfortunately the code doesn’t do anything, though. I added it to the bottom of my stylesheet, without succes!

Viewing 9 replies - 1 through 9 (of 9 total)
  • The topic ‘Changing width of content’ is closed to new replies.