How to remove border from Images and photos in Twenty Eleven

• 

  laddiel · Member · May 15, 2013 at 11:28 pm

  • Copy link
  • Add topic to favorites

  How do I remove the thin line borders on Media on both pages and posts in Twenty Eleven. I have the premium upgrade. My website is: http://testguessandgo.com/

• 

  thesacredpath · Member · May 16, 2013 at 3:17 am

  • Copy link

  This should do it for you.

  img[class*="align"], img[class*="wp-image-"], #content .gallery .gallery-icon img {
  border: none;
  }

• 

  laddiel · Member · May 16, 2013 at 7:57 pm

  • Copy link

  Even though I have the premium upgrade, I don’t know where to input this code. Is it in the CSS section of the Customization sidebar?

  I assume the above code will delete the frames from all images throughout the blog.

  Is it maybe a better idea to do it on a post by post and page by page basis? For example in the post titled “Why Now?”, if I wanted to remove only the frame around the blue question mark graphic, I assume that I would go into the Text tab and make a change to this code:

  <img class=”alignright size-medium wp-image-78″ alt=”Why Now2″ src=”http://testguessandgo.files.wordpress.com/2013/05/why-now2.jpg?w=176″ width=”176″ height=”300″ />I would

  Thanks for the help. This is all new to me; slowly but surely I’m making progress every day.

• 

  thesacredpath · Member · May 16, 2013 at 8:05 pm

  • Copy link

  Yes, in the CSS section in Customization.

  To do it page by page and post by post, you can add

  `style=”border: none;” to the image code as below.

  <img style="border: none;" class="alignright size-medium wp-image-78" alt="Why Now2" src="http://testguessandgo.files.wordpress.com/2013/05/why-now2.jpg?w=176" width="176" height="300" />