Removing Shadowing on Images

• 

  malcolmg11 · Member · Mar 29, 2014 at 3:45 pm

  • Copy link
  • Add topic to favorites

  I used to be able to remove shadowing and borders around images using the ‘advanced settings’ tab which has now disappeared. How can I do this now?

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

• 

  galois · Member · Mar 29, 2014 at 3:53 pm

  • Copy link

  …using the ‘advanced settings’ tab which has now disappeared…

  See more here:
  https://en.forums.wordpress.com/topic/the-paste-as-word-button-has-been-removed-from-the-visual-editor?replies=5
  and here:
  https://en.forums.wordpress.com/topic/image-resize-1?replies=15

• 

  malcolmg11 · Member · Apr 1, 2014 at 3:26 am

  • Copy link

  Thank you. I did spend considerable time wading through all these comments but none of them specifically addressed the issue of how to remove the shadowing around an image.

• 

  chrisegg · Member · Apr 1, 2014 at 6:22 am

  • Copy link

  It actually appears to be a border and background color that is being applied to your images because that is how your theme is coded.

  This is the code in the CSS file:

  .entry img {
  background: #F8F8F4;
  border: solid 1px #e6e6e6;
  padding: 2px;
  }

  Two options:
  1. Purchase the “Custom Design” upgrade http://en.support.wordpress.com/custom-design/

  With the upgrade you can edit the CSS and change the above code to remove the border and background color.

  .entry img {
  background: none;
  border: 0;
  padding: 0;
  }

  2. You can try to override the CSS by manually adding some code to your post. Follow these instructions, not guaranteed to work ;-)

  Switch to the text editor and find the image code, it will look like this:

  <img class="aligncenter size-medium wp-image-4447" src="http://malcolmscorner.files.wordpress.com/2014/03/carpe-diem.jpg?w=608&h=408" alt="Carpe Diem" width="300" height="200"

  Then you need to copy this code and past into the code above.

  style="border: 0; background: none; padding: 0;"

  It will look like this (bold added to make it easy to see where I inserted the code):

  <img class="aligncenter size-medium wp-image-4447" <strong>style="border: 0; background: none; padding: 0;" </strong>src="http://malcolmscorner.files.wordpress.com/2014/03/carpe-diem.jpg?w=608&h=408" alt="Carpe Diem" width="300" height="200"

  If you try number 2 and it doesn’t work, you’ll probably need to try option 1.