how to add shadow effects in the comment box

Hi there,

try this CSS:

.comments-area {
    padding: 40px;
    box-sizing: border-box;
    box-shadow: 0 0 10px 0 rgba(0,0,0,.5);
}

i want shadow effects in every comment box replied by me and by my readers

Then you need to target the .comment-content css class instead of .comments-area

Thanks, David

You're welcome

hey David

If you don't mind then I need one more help.

Could u tell me how to shift comment box in the right direction which was replied by me only?

Something like this?

.comments-area .comment-author-masteryblogging .comment-body {
    padding-left: 30px;
}

By default WordPress should have reply option on in the comment so it shows up like this:
https://www.screencast.com/t/S6bWjbWeX

thnx Leo

No problem :)

After adding this CSS, my Gravatar is also shifting, I don't want to shift my Gravatar, I just want to shift only comment box replied by me only

Try this instead:

.comments-area .comment-author-masteryblogging .comment-body .comment-content {
    margin-left: 90px;
}

now its fine

Great!