How to Add Border and Shadow Effect to WordPress Images

Do you want your blog post to look beautiful and good compared to other blog posts..? Today I will teach you how to add nice looking border and shadow to your WordPress images post without any plugin.

I will a simple trick to add border and shadow to your images post using to CSS code.

Add Border and Shadow Effect to WordPress Images

Effect – 1

Login your WordPress website Go to Your Dashboard > Appearance > Customize

Then click to Additional CSS add below the code “Save and Publish”.

img {
border: 1px outset #c8c8c8;
border-radius:15px;
box-shadow: 5px 5px 10px #717070;
}

BOOM…!!! Finally your all image post came to rounded or shadow.

Effect – 2

Login your WordPress website Go to Your Dashboard > Appearance > Customize

Then click to Additional CSS add below the code “Save and Publish”.

/*change border color #C0C0C0 and shadow color #ccc to any color of your choice */
.post img {
    border:1px solid #C0C0C0;
    box-shadow: 10px 10px 5px #ccc;
    -moz-box-shadow: 10px 10px 5px #ccc;
    -webkit-box-shadow: 10px 10px 5px #ccc;
    -khtml-box-shadow: 10px 10px 5px #ccc;
}

BOOM…!!! Finally your all image post came to rounded or shadow.

If you like this post please share your facebook or twitter account. thank you….

Leave a Comment