Title: Comment area customization
Last modified: January 14, 2022

---

# Comment area customization

 *  [Alex](https://wordpress.org/support/users/expofield/)
 * (@expofield)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/comment-area-customization-2/)
 * How to style the comment area. Basically, the title ‘1 thought on “Hello world!”’
   or on something else changed to ‘Comments’ to the left side on the point of the
   avatar and the comment.
 * And some customization of the reply link.
 * I used that code:
 * .comment-reply-link {
    background: #2eb851; color: #FFF; padding: 6px 12px; border-
   radius: 3px; border:none text-decoration: none; }
 * and it works, but only on mobile. How to push it to work on desktop and tablet
   as well?
 * The page I need help with: _[[log in](https://login.wordpress.org/?redirect_to=https%3A%2F%2Fwordpress.org%2Fsupport%2Ftopic%2Fcomment-area-customization-2%2F%3Foutput_format%3Dmd&locale=en_US)
   to see the link]_

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [corrinarusso](https://wordpress.org/support/users/corrinarusso/)
 * (@corrinarusso)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/comment-area-customization-2/#post-15254260)
 * You can try something like this:
    [https://wordpress.org/plugins/wp-comment-designer-lite/](https://wordpress.org/plugins/wp-comment-designer-lite/)
 * Otherwise this is a good start:
    [https://www.wpbeginner.com/wp-themes/how-to-style-wordpress-comment-form/](https://www.wpbeginner.com/wp-themes/how-to-style-wordpress-comment-form/)
 *  [corrinarusso](https://wordpress.org/support/users/corrinarusso/)
 * (@corrinarusso)
 * [4 years, 5 months ago](https://wordpress.org/support/topic/comment-area-customization-2/#post-15254264)
 * The css for your comment-reply-link is good – but you must have it inside a mobile
   media query. I can’t tell, your css is compressed from the wp fastest cache plugin.
 * Best you disable your cache while you are developing.
 *  Thread Starter [Alex](https://wordpress.org/support/users/expofield/)
 * (@expofield)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/comment-area-customization-2/#post-15255914)
 * Awesome! Thank you!
 *  Thread Starter [Alex](https://wordpress.org/support/users/expofield/)
 * (@expofield)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/comment-area-customization-2/#post-15257015)
 * It totally broke. Images of posts not showing anymore. And now it looks like 
   that:
 * >> [https://prnt.sc/26eb58n](https://prnt.sc/26eb58n)
 * The old one interfering the new.
 * The CSS not working, only on mobile, and not for everything. I disabled the cache
   plugin – nothing. What should I do? 🙁
 *  [corrinarusso](https://wordpress.org/support/users/corrinarusso/)
 * (@corrinarusso)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/comment-area-customization-2/#post-15257847)
 * I guess you’ll need to copy the comments.php file into your child theme, and 
   make your edits manually using the template + the CSS.
    Here’s the official docs:
   [https://developer.wordpress.org/themes/template-files-section/partial-and-miscellaneous-template-files/comment-template/](https://developer.wordpress.org/themes/template-files-section/partial-and-miscellaneous-template-files/comment-template/)
   and a good article on the approach: [https://code.tutsplus.com/articles/unraveling-the-secrets-of-wordpress-commentsphp-file–net-28](https://code.tutsplus.com/articles/unraveling-the-secrets-of-wordpress-commentsphp-file–net-28)
   and a good video tutorial:
 * You still have your minified css cache turned on – so I can’t really look into
   better details. Really, it’s best practice to not have any caching going on while
   you’re under development anyway.
 *  Thread Starter [Alex](https://wordpress.org/support/users/expofield/)
 * (@expofield)
 * [4 years, 4 months ago](https://wordpress.org/support/topic/comment-area-customization-2/#post-15265541)
 * Thank you!

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘Comment area customization’ is closed to new replies.

## Tags

 * [comment](https://wordpress.org/support/topic-tag/comment/)
 * [Comments](https://wordpress.org/support/topic-tag/comments/)
 * [reply link](https://wordpress.org/support/topic-tag/reply-link/)
 * [title](https://wordpress.org/support/topic-tag/title/)

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 6 replies
 * 2 participants
 * Last reply from: [Alex](https://wordpress.org/support/users/expofield/)
 * Last activity: [4 years, 4 months ago](https://wordpress.org/support/topic/comment-area-customization-2/#post-15265541)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics