Remove image border?

• 

  chinabun · Member · Mar 6, 2011 at 6:06 pm

  • Copy link
  • Add topic to favorites

  How do I remove the borders around my images in my posts when the style in advanced image settings is set to 0 px? Sick of having every single icon and picture framed automatically.

  Btw. Im using the “Under the Influence” theme by Spaceperson

  Thanks!

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

• 

  thesacredpath · Member · Mar 6, 2011 at 6:42 pm

  • Copy link

  The easiest way if you do not know HTML and CSS, is to open the post, click on an image to highlight it, click on the edit image button (mountain icon upper left) and when the window opens, click on the advanced settings tab and in the style field add the following.

  `border:none;

• 

  chinabun · Member · Mar 6, 2011 at 7:26 pm

  • Copy link

  Brilliant! Thank you! I tried filling in 0 but that did not help *lol*

  Super grateful!

• 

  accvmagdesign · Member · Mar 13, 2011 at 12:13 am

  • Copy link

  i am using this theme myself for a class blog, and unfortunately, after trying this tip, it did not help. i have no idea why it’s not working. can anyone else help? please? it’s quite unsightly… especially when the image is not straight on. thanks!

• 

  airodyssey · Member · Mar 13, 2011 at 2:03 am

  • Copy link

  @accvmagdesign : you added the “border:none;” code in the “a” tag. Try it on the “img” tag instead, like this:
  <a rel="border: none;" href="http://accvmagdesign.files.wordpress.com/2011/02/aboutmepicmcom63_1.png"><img class="size-full wp-image-75 alignright" style="margin-top:0;margin-bottom:0;border:none;" title="aboutmepicMCOM63_1" src="http://accvmagdesign.files.wordpress.com/2011/02/aboutmepicmcom63_1.png?w=200&h=224" alt="" width="200" height="224" /></a>

• 

  accvmagdesign · Member · Mar 13, 2011 at 4:28 am

  • Copy link

  thanks a lot airodyssey! so far, it worked :)

• 

  accvmagdesign · Member · Mar 13, 2011 at 4:40 am

  • Copy link

  actually, do you know how i’d take the border off around smiley faces?

• 

  thesacredpath · Member · Mar 13, 2011 at 5:17 am

  • Copy link

  To remove the border on the smiley faces would take the CSS upgrade.

• 

  thesacredpath · Member · Mar 13, 2011 at 5:18 am

  • Copy link

  This would be the CSS code if you had the CSS upgrade.

  .wp-smiley {
  border: none !important;
  }