[Resolved] Add gentle drop shadow to posts

Home Forums Support [Resolved] Add gentle drop shadow to posts

Home Forums Support Add gentle drop shadow to posts

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #2196440
    Ian

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

    #2196482
    Ying
    Staff
    Customer Support

    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/

    #2196610
    Ian

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

    #2196627
    Fernando
    Customer Support

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

    #2196631
    Ian

    That’s awesome! Thanks Fernando

    #2196633
    Fernando
    Customer Support

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

Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.