Removing Shadow or Border from Blog Post/Content

Etiketter: , ,

 Removing Shadow or Border from Blog Post/Content


Design > Template > Edit HTML > Search (CTRL F/CMD F) for .content-outer and you should see the following code;

.content-outer {
-moz-box-shadow: 0 0 40px rgba(0, 0, 0, .15);
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, .15);
-goog-ms-box-shadow: 0 0 10px #333333;
box-shadow: 0 0 40px rgba(0, 0, 0, .15);
margin-bottom: 1px;
}

Carefully delete this and the shadows behind your content area/post area should be gone.

Alternative

Design > Template > Customize > Advanced > Add Css & add the 

following code;

.content-outer { 
-webkit-box-shadow:none; 
box-shadow:none; 
}

Hit Enter & then Apply to Blog.

Remove Text Header Shadow


Design > Template > Customize > Advanced > Add Css & add the following code;

.Header h1 {  
text-shadow:none;
 }

Hit Enter & then Apply to Blog.

Remove Any Image (Post/ Sidebar/ Profile) Shadows


Design > Template > Customize > Advanced > Add Css & add the 

following code;

.post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img 
{  
-webkit-box-shadow:none; 
box-shadow:none; 
}

Hit Enter & then Apply to Blog. Read a full tutorial on removing image borders & shadows here.