Twitter
Google
LinkedIn
Digg
Stumbleupon
Reddit
Tumblr
Blogger
Facebook

How to remove shadows and borders around images in your content

By default, there is a slight shadow and light border around all images in the content section of all posts and pages using M Theater. This is done to bring consistency to your content. However, there may be instances where you want to remove that border.

To do this, you need to add an inline style directly to any images you don’t want a shadow or border around.

Feel free to use the code below (under ‘After’) as a template and be sure to work in TEXT (HTML) view to apply the inline style code to each image’s ‘img’ tag.

Before (standard inserted image code):

sample-image-borders<a href="http://www.hitpictures.net" rel="attachment wp-att-4094"><img src="http://www.byhandmedia.net/wp-content/bhmweb-uploads/2016/02/sample-image-borders-236x300.jpg" alt="sample-image-borders" width="236" height="300" class="alignleft size-medium wp-image-4094" /></a>

After (removed shadow around image):

sample-image-borders<a href="http://www.hitpictures.net" rel="attachment wp-att-4094"><img src="http://www.byhandmedia.net/wp-content/bhmweb-uploads/2016/02/sample-image-borders-236x300.jpg" alt="sample-image-borders" width="236" height="300" class="alignleft size-medium wp-image-4094" style="border:0; border-radius:0; box-shadow:none;" /></a>

This is the ‘template’ code for your image (see where to place this code above): style="border:0; border-radius:0; box-shadow:none;"