Search for: Log In Free Support [Resolved] how to add shadow effects in the comment box Home › Forums › Support › how to add shadow effects in the comment box This topic has 13 replies, 3 voices, and was last updated 1 year, 1 month ago by Leo. Viewing 14 posts - 1 through 14 (of 14 total) Author Posts December 4, 2019 at 9:44 pm #1094007 sanu kumar how to add shadow effects in the comment box December 5, 2019 at 3:58 am #1094341 DavidStaff Customer Support Hi there, try this CSS: .comments-area { padding: 40px; box-sizing: border-box; box-shadow: 0 0 10px 0 rgba(0,0,0,.5); } Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ December 5, 2019 at 4:02 am #1094346 sanu kumar i want shadow effects in every comment box replied by me and by my readers December 5, 2019 at 4:09 am #1094349 DavidStaff Customer Support Then you need to target the .comment-content css class instead of .comments-area Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ December 5, 2019 at 4:12 am #1094354 sanu kumar Thanks, David December 5, 2019 at 7:04 am #1094625 DavidStaff Customer Support You’re welcome Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ December 5, 2019 at 6:03 pm #1095248 sanu kumar 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? December 5, 2019 at 6:44 pm #1095266 LeoStaff Customer Support 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 Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ December 5, 2019 at 7:00 pm #1095279 sanu kumar thnx Leo December 5, 2019 at 7:01 pm #1095280 LeoStaff Customer Support No problem 🙂 Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ December 5, 2019 at 7:02 pm #1095281 sanu kumar 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 December 5, 2019 at 7:05 pm #1095283 LeoStaff Customer Support Try this instead: .comments-area .comment-author-masteryblogging .comment-body .comment-content { margin-left: 90px; } Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ December 5, 2019 at 7:09 pm #1095288 sanu kumar now its fine December 5, 2019 at 7:50 pm #1095310 LeoStaff Customer Support Great! Documentation: http://docs.generatepress.com/ Adding CSS: http://docs.generatepress.com/article/adding-css/ Author Posts Viewing 14 posts - 1 through 14 (of 14 total) You must be logged in to reply to this topic. Log In Username: Password: Keep me signed in Log In