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….