Site logo

[Resolved] Image shadow effect only in one specific post

Home Forums Support [Resolved] Image shadow effect only in one specific post

Home Forums Support Image shadow effect only in one specific post

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1900841
    Sanu Kumar

    How to add Image shadow effect only in one specific post. Suppose this post: https://masteryblogging.com/semrush-free-trial/.
    I want to add an image shadow effect in that specific post only. (no featured image)

    #1900844
    Elvin
    Staff
    Customer Support

    Hi there,

    I’m not sure I fully understand what you mean.

    Can you specify which part(image) of the page do you want to add shadow effects on?

    Do you want to add it on all images on the post?

    If so, try playing around with this CSS.

    body.postid-7344 .entry-content img {
        box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
    }
    #1900879
    Sanu Kumar

    Yes, this is what I’m looking for. Thank you very much, Elvin.

    In addition to this, If I want to add more post (id) then how can I do this?

    #1901017
    Elvin
    Staff
    Customer Support

    You add more selectors.

    Example:

    body.postid-7344 .entry-content img,
    body.postid-1234 .entry-content img,
    body.postid-5678 .entry-content img {
        box-shadow: 0 4px 8px 0 rgb(0 0 0 / 20%), 0 6px 20px 0 rgb(0 0 0 / 19%) !important;
    }
    #1901064
    Sanu Kumar

    Thanks

    #1901981
    Elvin
    Staff
    Customer Support

    No problem. 😀

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