Need help? Check out our Support site, then


Help widening blogum theme

  1. pearlsandpixels1
    Member

    I am using the blogum theme at: http://adventuresnhappiness.com.

    I would like to widen it, so that it looks the same as http://bforbonnie.wordpress.com/.

    What do I need to do? It looks like the images on bforbonnie post at 750px? I've tried a couple different things and it does end up widening my blog, but it leaves a big space between where the blog post title is and the post itself. Also, the gray line between the header is missing a portion when I try widening it.

    Thank you!

    The blog I need help with is adventuresnhappiness.com.

  2. pearlsandpixels1
    Member

    Okay, I added the following CSS:

    .wrapper, .footer {
    width: 1000px;
    }

    .post-content {
    width: 750px;
    }

    .post-content img {
    max-width: 750px;
    }

    And also changed the maximum width for images/video to 750px. But now the post titles are not on the same line as the post content.

  3. Try starting with something like this:

    .wrapper {
    	width: 1200px;
    }
    
    #content {
    	width: 78%;
    }
    
    .post-content {
    	width: 80%;
    }

    To get the full width images and galleries to expand, you should also update the "Content Width" setting in the Publish box on the right side of the Appearance → Custom Design → CSS page. Update it to match the width of the ".post-content" area, which is about 750 px in the example I posted above.

  4. pearlsandpixels1
    Member

    Thank you so much!! That worked finally. :-)

  5. pearlsandpixels1
    Member

    Actually, I changed the maximum width for picture and video files to 750 px in the Publish box and it is still publishing my pictures at 545 px. Any ideas?

  6. pearlsandpixels1
    Member

    Ah. I fixed it by adding this line:

    .post-content img {
        max-width: 750px;
    }
  7. Aha. Excellent find!

Topic Closed

This topic has been closed to new replies.

About this Topic