Twenty Eleven theme: remove space around images

• 

  erichagarty · Member · Dec 6, 2011 at 3:25 pm

  • Copy link
  • Add topic to favorites

  I have css upgrade, and site is located at http://www.richfitzgerald.wordpress.com
  I know there are several posts about removing space around images, but I still have not been able to find a solution to removing the space between the main youtube video on the page and the image below it (as well as the white space to the right of the image, and the space below the “inauguration” image in my sidebar).

  Any help would be much appreciated!

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

• 

  thesacredpath · Member · Dec 6, 2011 at 6:41 pm

  • Copy link

  On the image. It is 650px wide, not 750px. That is why the whitespace at the right. You can reinsert the image with align center to center it below the video, or you can redo the image and size it up to 750px wide and upload and insert that image.

  The gap at the top is do to built in margin on the video. You can cover that up by putting some negative top margin on the image after inserting it. Switch to the HTML tab and add this to the style properties in the image code.

  margin-top:-8px;

  I’m not sure what is going on with the image widget space at the bottom, but add this to the bottom of the CSS to take care of it.

  #image-3 {
  margin-bottom: -6px;
  }

• 

  erichagarty · Member · Dec 6, 2011 at 7:08 pm

  • Copy link

  Thanks for the help with the image widget. I reinserted a new image that is exactly 750px, and adjusted the margin-bottom to -6px, which worked to move it up. However, I’ve still got the problem with the white space on the right side of the image…

• 

  thesacredpath · Member · Dec 6, 2011 at 7:29 pm

  • Copy link

  Ah, I found it. They were constraining the image widths to 97.5%. Add this to the custom CSS.

  .entry-content img, .comment-content img, .widget img {
  max-width: 100%;
  }

  One other thing. You’ve brought out my inner photographer and graphic artist, and the new crop on the image is seriously wrong. You have a bunch of wasted space on the left showing the drapes and the view through the window and have sliced everyone off on the right side and with where you have cropped vertically, you’ve effectively given them no “base. Please redo that image crop. It is like nails down a chalkboard to me.

• 

  thesacredpath · Member · Dec 6, 2011 at 7:33 pm

  • Copy link

  In fact, you have completely cut two people out of the image. The crop on the image on the about page is much better

• 

  erichagarty · Member · Dec 6, 2011 at 7:40 pm

  • Copy link

  Thank you so much, that worked.

  Haha, you are certainly correct about how repulsive the crop is on the front page. That’s actually not the image I’m going to use there, I just readjusted the original for testing purposes. I didn’t want to design images for the front until I could get them to work propertly. Thanks a bunch!

• 

  thesacredpath · Member · Dec 6, 2011 at 7:42 pm

  • Copy link

  Whew! Glad to hear that.

  And you are welcome.