Align Text with Image Edges 2011 Theme

• 

  amaryshad · Member · Oct 26, 2014 at 1:32 am

  • Copy link
  • Add topic to favorites

  Hi,
  I found in another forum (now closed) that indicates how to remove the grey “hover” frame around images by using the css

  a:focus img[class*=”align”],
  a:hover img[class*=”align”],
  a:active img[class*=”align”],
  a:focus img[class*=”wp-image-“],
  a:hover img[class*=”wp-image-“],
  a:active img[class*=”wp-image-“],
  #content .gallery .gallery-icon a:focus img,
  #content .gallery .gallery-icon a:hover img,
  #content .gallery .gallery-icon a:active img {
  background: none;
  }

  As far as removing the thin grey border, know it can be done manually with each image in the post editor.

  Once this is all removed, however, the text does not align with the edges of the images, as if the images are indented a bit.

  Is there a way to either get the images to fill the space up to where the border used to be, or otherwise align the text flush with the image edges?

  I would need to have the text be able to align with all edges of the image, as some of them will be wrapped with text.

  Thanks.

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

• 

  supportmyoffice · Member · Oct 26, 2014 at 3:24 pm

  • Copy link

  You have a padding of 6px going on.

  img[class*=”align”], img[class*=”wp-image-“], #content .gallery .gallery-icon img {
  border: 1px solid #ddd;
  max-width: 97.5%;
  padding: 6px;

  Change that and your max -width and it should line up nicely.