remove borders on pictures

• 

  anndaphne · Member · Jan 12, 2012 at 6:32 am

  • Copy link
  • Add topic to favorites

  how do i remove borders on pictures on my chateau theme? please help…
  Should i CSS Upgrade?
  thanks

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

• 

  thesacredpath · Member · Jan 12, 2012 at 6:44 am

  • Copy link

  You can, during insertion of the images add this to the “style” field.

  border: none; padding: 0; box-shadow: none;

  On existing images, you can click on them in the editor, click the “edit” icon at upper left of the image and then in the window that opens click the “advanced” tab and enter the above in the “style” field, click “save change”.

  You can also edit the image code in the HTML editor and add

  style="border: none; padding: 0; box-shadow: none;"

  right after the opening <img tag as shown below.

  <img style="border: none; padding: 0; box-shadow: none;" width="529" height="708" alt="" src="http://anndaphne.files.wordpress.com/2012/01/img_2213.jpg?w=529&h=708" title="IMG_2213" class="aligncenter size-full wp-image-636">

  Or you can get the Custom Design Upgrade and do it permanently for all images past and future with this:

  .post-entry img {
  border:  none;
  padding: 0;
  box-shadow: none;
  }

• 

  anndaphne · Member · Jan 12, 2012 at 2:28 pm

  • Copy link

  wow..thank you so much..you’re a genius :)

• 

  montesymills · Member · Jan 19, 2012 at 5:55 pm

  • Copy link

  @thesacredpath I just used the codes you provided and they worked perfectly. Just wanted to say thank you.