fit picture to column width in blogum

• 

  freemefashion · Member · Sep 3, 2012 at 11:28 am

  • Copy link
  • Add topic to favorites

  I have tried to find an answer on this, but now I have given up, and want your help.

  My blog is this: http://www.freemefashion.com and I have worked a lot on the CSS. The theme is Blogum.

  As you can see, I can not get the pictures to fit the width of the post column width.

  Do any of you have an CSS I can apply? or another tip?

  I also want to know how I can remove the thin grey line below the post, and make a bigger “gap” between the different posts.

  Thank you!

  The blog I need help with is: (visible only to logged in users)

• 

  absurdoldbird · Member · Sep 3, 2012 at 4:09 pm

  • Copy link

  I’ll mark this for staff to move it to the CSS forum.

• 

  zandyring · Staff · Sep 4, 2012 at 3:32 pm

  • Copy link

  Your post content area is 545 px, so I would recommend uploading images that are already sized to 545px.

  To remove the thin grey line:

  .post-content div.sharedaddy div.sd-block {
      border-top: none;
  }

  I think if you add a bottom margin to .comments-link you will add some space between posts.
  Try

  .comments-link {
  margin-bottom: 25px;
  }

  and see what happens.

• 

  designsimply · Member · Sep 5, 2012 at 9:22 pm

  • Copy link

  Adding a bottom margin to .comments-link will effectively move the comments link up a bit relative to the bottom of the post area. To just simply add a bigger gap between posts, try this as an alternate if the first option doesn’t work out.

  .post-content {
  	margin-bottom: 25px;
  }