Deleting grey borders Twenty Eleven leaves white padding

• 

  oneequalstwo · Member · Mar 7, 2013 at 3:14 am

  • Copy link
  • Add topic to favorites

  Hi. I tried the following code in Custom .CSS, to delete the grey borders and padding, which worked beautifully.
  img[class*=”align”], img[class*=”wp-image-“],
  #content .gallery .gallery-icon img {
  border: none;
  padding: 0;
  }
  The only issue is that even with the white padding deleted, the photos do not run the full width of my body text. My images are 584 pixels wide. Is there code I can use in CSS to ‘force’ the pictures to fill the area (so that they align with my cream-coloured intro box, and the width of the bodycopy). I’d prefer not to have to do this for each separate post. Thank you!

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

• 

  designsimply · Member · Mar 7, 2013 at 3:33 am

  • Copy link

  Great work to get as far as you did! Looks like the max-width value gets set to 97.5% at some point in the theme’s CSS, so adding one more piece to your example should do the trick:

  max-width: none;

• 

  oneequalstwo · Member · Mar 7, 2013 at 4:04 am

  • Copy link

  Wow. Thank you SO much. That worked perfectly. I didn’t think I’d ever be able to get rid of those pesky borders successfully! I’m absolutely rapt. Thanks again.

• 

  designsimply · Member · Mar 7, 2013 at 4:06 am

  • Copy link

  Yay!