[Resolved] Add gentle drop shadow to posts

[Ian]

Hi, I would like to add a gentle drop shadow to the posts on this page.

[Ying]

Hi Ian,

Try this:

.blog article.post,.archive article.post {
    box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
}

You can use a tool like this to generate box shadow CSS:https://html-css-js.com/css/generator/box-shadow/

[Ian]

Thanks Ying. There does not seem to be any gap between them, vertically or horizontally. Can we get a gap between them?

[Fernando]

Hi Ian,

Here is a CSS you may try instead:

.blog article.post .inside-article, .archive article.post .inside-article {
    box-shadow: 5px 5px 15px 0px rgb(0 0 0 / 10%);
    padding:0px;
}

I also added a padding parameter if you would like to add a little spacing. Just replace 0px with your preferred value.

Kindly let us know how it goes. 🙂

[Ian]

That’s awesome! Thanks Fernando

[Fernando]

You’re welcome Ian! Glad to be of assistance! Feel free to reach out anytime you’ll need assistance with anything else. 🙂

[Author]

Posts