Help widening blogum theme

• 

  ashplainandsimple · Member · Dec 9, 2012 at 5:37 am

  • Copy link
  • Add topic to favorites

  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: (visible only to logged in users)

• 

  ashplainandsimple · Member · Dec 9, 2012 at 6:23 am

  • Copy link

  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.

• 

  designsimply · Member · Dec 27, 2012 at 3:29 pm

  • Copy link

  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.

• 

  ashplainandsimple · Member · Dec 27, 2012 at 5:19 pm

  • Copy link

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

• 

  ashplainandsimple · Member · Dec 27, 2012 at 6:44 pm

  • Copy link

  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?

• 

  ashplainandsimple · Member · Dec 27, 2012 at 7:01 pm

  • Copy link

  Ah. I fixed it by adding this line:

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

• 

  designsimply · Member · Dec 27, 2012 at 8:16 pm

  • Copy link

  Aha. Excellent find!