Need help? Check out our Support site, then


Help widening blogum theme

  1. 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. 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. Thank you so much!! That worked finally. :-)

  5. 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. 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