Remove Or Customize Shadow Of Images On Blogger Blogspot Blogs

Default templates of Blogger has closed to shadow on their epitome background. How take away it or alter shadow color, side of the shadow, width of shadow etc.

Blogger default templates as well as closed to custom template has shadow resultant on images. We tin dismiss alter the color, width as well as everything of the shadow or fifty-fifty nosotros tin dismiss take away it.

How to take away the shadow of the image

Default template has a shadow on images. We tin dismiss take away it yesteryear doing this elementary Template Edit.

• First become to your Dashboard > Template
• Click on Edit HTML
• Search as well as discovery next code .post-body img
• Find the next code merely later on the inwards a higher house code, colored code should last same. Others may last different. Delete the entire 3 lines

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);



Just Delete these 3 lines, epitome shadow disappears.

• Save the template, refresh your page as well as banking corporation fit it.

How customize it as well as plough over dainty effects

We tin dismiss customize the shadow to plough over closed to dainty effects. For example, plough over to a greater extent than shadow as well as plough over a distinct view, similar below.

Change your shadow marking as well as plough over dainty effects

How to job it

• Take the Edit HTML from Template.
• Find .post-body img
• Find the code these carmine colored 3 lines merely later on it, the same 3 lines given inwards the removal of shadow.

-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); box-shadow: 1px 1px 5px rgba(0, 0, 0, .1);

Change colors as well as concentration

• Change rgba(0,0,0,.1) to rgba(255,255,255,.1)) to alter dark shadow to white(good for night themes). Increase the 0.1 to plough over to a greater extent than concentration. ane is the maximum.
• Change rgba(0,0,0,.1) to rgba(0,0,255,.1) to plough over bluish shadow.
• Change rgba(0,0,0,.1) to rgba(0,255,0,.1) to plough over light-green shadow.
• Change rgba(0,0,0,.1) to rgba(255,0,0,.1) to plough over carmine shadow.
• You tin dismiss mix these to job to a greater extent than colors..

Change the side of the shadow as well as spreading

Note the code line, -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .1).
• Red colored 1px indicates the correct side shadow, bluish colored 1px indicates bottom shadow as well as light-green colored 5px gives shadow to iv sides.
• Increase these values every bit your wish. The to a greater extent than you lot plough over the epitome volition last highlighted from the background. For example: The inwards a higher house picture.. That is 10px 0px 10px rgba(0,0,0,0.7). Change these values on every 3 lines. So your code volition last similar below

box-shadow: 10px 0px 10px rgba(0,0,0,0.7); -moz-box-shadow: 10px 0px 10px rgba(0,0,0,0.7); -webkit-box-shadow:10px 0px 10px rgba(0,0,0,0.7);

Good luck guys.. Please portion your feedback..
PS: These 3 lines job same things basically, but are applicable to unlike browsers.

Share this post