{"id":5084,"date":"2010-09-09T12:30:40","date_gmt":"2010-09-09T12:30:40","guid":{"rendered":"https:\/\/www.heartinternet.uk\/blog\/?p=5084"},"modified":"2010-09-09T12:30:40","modified_gmt":"2010-09-09T12:30:40","slug":"the-complete-guide-to-styling-your-wordpress-comments","status":"publish","type":"post","link":"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/","title":{"rendered":"The complete guide to styling your WordPress comments"},"content":{"rendered":"<blockquote><p><i>This post forms part of our<\/i> <a href=\"https:\/\/www.heartinternet.uk\/web-hosting\" target=\"_blank\">Science of Hosting<\/a> <i>campaign.<\/i><\/p>\n<p>.<\/p>\n<p>WordPress comment styling is often neglected, particularly with the increase of third-party theme installation. Whether you\u2019re modifying a pre-made theme, creating your own from scratch, or simply working with a default, comment styling and functionality offer a lot to a website design and user experience and can help increase visitor engagement and interaction.If you design WordPress themes for professional websites, then thoughtful comment design adds that finishing touch and shows attention to detail.<\/p><\/blockquote>\n<p>This post is divided into separate sections so you can skip to bits which interest you. Each is designed as a standalone section so the article as a whole accommodates readers with different levels of expertise as well as those looking for a quick reference guide for code and plugins.<\/p>\n<p>.<\/p>\n<p>WordPress commenting from the visitors\u2019 perspective<\/p>\n<p>Although the default WordPress comment functionality and presentation is great, there are plenty of tweaks you can make to really get the maximum benefit and increase visitor interaction on your blog.<\/p>\n<p>In terms of comment styling and functionality, there are two main aspects to consider:<\/p>\n<p>1.<b>Making commenting quick and easy for your visitors.<\/b> Avoid spam plugins that add extra fields (e.g. CAPTCHA) to the comment form, and use form fields (particularly mandatory fields) sparingly to streamline the process. WordPress also provides functionality for user accounts to avoid retyping details, and centralised commenting systems such as <a href=\"https:\/\/wordpress.org\/extend\/plugins\/disqus-comment-system\/\" target=\"_blank\">Disqus<\/a> are popular for the same reason.<\/p>\n<p>2.<b>Offering incentives to comment.<\/b> For example, use <a href=\"https:\/\/wordpress.org\/extend\/plugins\/commentluv\" target=\"_blank\">CommentLuv<\/a>, which posts a link to the commenter\u2019s last blog entry, add a <a href=\"https:\/\/wordpress.org\/extend\/plugins\/twitterlink-comments\/\" target=\"_blank\">Twitter username field<\/a> to your comment form, and <a href=\"https:\/\/wordpress.org\/extend\/plugins\/featuring-countcomments\" target=\"_blank\">display the number of comments<\/a> of a commenter.<\/p>\n<p>Balancing these elements will provide an enriched but streamlined commenting process for your visitors. If your comment form is stripped to the absolute minimum for ease of use, take a look at the \u2018Expand the reach of WordPress comments\u2019 section below to provide visitors with incentives.<\/p>\n<p>.<\/p>\n<p>Styling your WordPress comment form<\/p>\n<p>This is the most straightforward part of comment design, and can be done using CSS (the preferred method) or with inline styles.<\/p>\n<p>Below is some form CSS to paste into your WordPress theme\u2019s style.css file (please note that in its current form, this code will be applied to all forms and fields on your site without specific CSS classes):<\/p>\n<p>&nbsp;<\/p>\n<p>input<\/p>\n<p>{<\/p>\n<p>color: #000000;<\/p>\n<p>background: #9999cc;<\/p>\n<p>background-image:url(&#8216;example.gif&#8217;);<\/p>\n<p>font-size: 9pt;<\/p>\n<p>border: 1px solid #333366<\/p>\n<p>}<\/p>\n<p>&nbsp;<\/p>\n<p>.submit input<\/p>\n<p>{<\/p>\n<p>color: #000;<\/p>\n<p>background: #9999cc;<\/p>\n<p>background-image:url(&#8216;example.gif&#8217;);<\/p>\n<p>font-size: 9pt;<\/p>\n<p>border: 1px solid #333366<\/p>\n<p>}<\/p>\n<p>&nbsp;<\/p>\n<p>select {<\/p>\n<p>color: #000;<\/p>\n<p>background: #9999cc;<\/p>\n<p>font-size: 9pt;<\/p>\n<p>border: 1px solid #333366<\/p>\n<p>}<\/p>\n<p>&nbsp;<\/p>\n<p>textarea {<\/p>\n<p>background-color: #9999cc;<\/p>\n<p>color: #000000;<\/p>\n<p>font-size: 9pt;<\/p>\n<p>border: 1px solid #333366<\/p>\n<p>}<\/p>\n<p>The \u2018input\u2019 section refers to the single-line fields in your WordPress comment form (e.g. Name, Email), the \u2018submit input\u2019 to the button(s), and the \u2018textarea\u2019 to the message field.<\/p>\n<h4>Quick Guide:<\/h4>\n<p><code>color: #000000;<\/code> &#8211; This is your form\u2019s font colour \u2013 change #000000 to the hex colour of your choice.<\/p>\n<p><code>background: #9999cc;<\/code> \u2013 Change 9999cc to the colour you want for field backgrounds.<\/p>\n<p><code>background-image:url(\u2018example.gif\u2019);<\/code> \u2013 Change \u2018example.gif\u2019 to display an image as the form field background (use the full URL if the image isn\u2019t located in the theme\u2019s folder). This can be used instead of a colour, but many people prefer to set options for both. Simple backgrounds or \u2018faded\u2019 effects are usually preferred to avoid making the text difficult to read.<\/p>\n<p><code>font-size: 9pt;<\/code> &#8211; The size of the text in the fields.<\/p>\n<p><code>border: 1px solid #333366<\/code> \u2013 Changes your form\u2019s border attributes. \u20181px\u2019 is altered to change the thickness, 333366 can be changed to the hex colour of your choice, and \u2018solid\u2019 can be changed to \u2018dotted\u2019 or \u2018dashed\u2019 as preferred.<\/p>\n<p>It\u2019s best to make only one or two changes at a time, saving and viewing regularly to check the colours work well together and that text is easy to input and read. There are a variety of other CSS attributes you can apply, such as width and hover effects. Find out more at <a href=\"https:\/\/css-tricks.com\" target=\"_blank\">CSS Tricks<\/a> or W3Schools.<\/p>\n<p>Once you\u2019re happy with your final design, make sure you test it both logged in and logged out for an accurate final impression. It\u2019s also a good idea to test across different browsers and screen resolutions as well.<\/p>\n<p>.<\/p>\n<p>Styling your WordPress comments<\/p>\n<p>Decide on what information will be displayed for each comment: name, website, date and comment text are all pretty obvious, but what about avatar, Twitter username, CommentLuv link and so on? Avatars can often be the most challenging aspect because of their size, so it can be easier to decide their position first.<\/p>\n<p>A good starting point is to work with the existing comment code, which can be found in the comments.php file of your theme. You\u2019ll also want to have your style.css file open for changes and additions. Always keep copies of the original files to hand \u2013 it\u2019s useful as you work through.<\/p>\n<p>If you\u2019re feeling lost, start with simple changes such as background images and font customisation. Darren Hoyt also has some attractive examples (with code) for your convenience. Styling your WordPress comments can often be a case of trial and error, particularly if you\u2019re making substantial presentation changes, so make sure you set plenty of uninterrupted time aside.<\/p>\n<p>WordPress 3.0 uses a range of \u2018hooks\u2019 for comments, making it easier to style specific aspects of your comments and keep sections organised. You can find out more <a href=\"https:\/\/digwp.com\/2010\/05\/default-wordpress-css-styles-hooks\/#comment-styles\" target=\"_blank\">here<\/a>.<\/p>\n<p>Some extras you might find helpful:<\/p>\n<p>\u2022 A tutorial to <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-separate-trackbacks-from-comments-in-wordpress\" target=\"_blank\">separate trackbacks from comments<\/a><\/p>\n<p>\u2022 <a href=\"https:\/\/www.wpbeginner.com\/wp-tutorials\/how-to-separate-trackbacks-from-comments-in-wordpress\" target=\"_blank\">Add<\/a> <a href=\"https:\/\/gravatar.com\" target=\"_blank\">Gravatars<\/a> to your theme if they aren\u2019t currently enabled with the <a href=\"https:\/\/wordpress.org\/extend\/plugins\/easygravatars\" target=\"_blank\">Easy Gravatars plugin<\/a>.<\/p>\n<p>\u2022 Style author\/admin comments differently so visitors can quickly spot them with this handy tutorial.<\/p>\n<p>.<\/p>\n<p>Expand the reach of WordPress comments<\/p>\n<p>Make your comments work harder by including them (and\/or related information) on other areas of your site, such as your homepage or sidebar. As well as encouraging people to comment and increasing awareness of popular posts, you can thank loyal commenters and create more of a community feel.<\/p>\n<p>Try a plugin for displaying the <a href=\"https:\/\/wordpress.org\/extend\/plugins\/wordpress-popular-posts\" target=\"_blank\">most popular posts<\/a>, your <a href=\"https:\/\/wordpress.org\/extend\/plugins\/top-contributors\/\" target=\"_blank\">top commenters<\/a> or the most recent comments with <a href=\"https:\/\/wordpress.org\/extend\/plugins\/recent-comments-with-gravatar\" target=\"_blank\">Gravatar functionality<\/a>. You may also want to check out the hundreds of comment-related plugins in the <a href=\"https:\/\/wordpress.org\/extend\/plugins\/tags\/comments\" target=\"_blank\">WordPress Plugin directory<\/a>.<\/p>\n<p>.<\/p>\n<p>Final tips<\/p>\n<p>Once you\u2019re happy with the final results, test all aspects of commenting yourself (e.g. filling out the form, replying to comments, posting as a logged-in user, posting invalid information) to replicate exactly what your visitors might see. Also test your finished look and functionality extensively across different browsers, and get a friend to repeat the process to ensure everything works. You may also want to temporarily add a couple of sentences near the comments form to ask your visitors to report any issues.<\/p>\n<p>.<\/p>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>This post forms part of our Science of Hosting campaign. . WordPress comment styling is often neglected, particularly with the increase of third-party theme installation. Whether you\u2019re modifying a pre-made&#8230;<\/p>\n","protected":false},"author":2,"featured_media":8207,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[27],"tags":[],"class_list":{"0":"post-5084","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-wordpress"},"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>The complete guide to styling your WordPress comments - Heart Internet<\/title>\n<meta name=\"description\" content=\"The complete guide to styling your WordPress comments - Written by the team at Heart Internet.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"The complete guide to styling your WordPress comments - Heart Internet\" \/>\n<meta property=\"og:description\" content=\"The complete guide to styling your WordPress comments - Written by the team at Heart Internet.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/\" \/>\n<meta property=\"og:site_name\" content=\"Heart Internet\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/heartinternet\/\" \/>\n<meta property=\"article:published_time\" content=\"2010-09-09T12:30:40+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_wordpress@2x1.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1620\" \/>\n\t<meta property=\"og:image:height\" content=\"720\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Eliot Chambers-Ostler\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@heartinternet\" \/>\n<meta name=\"twitter:site\" content=\"@heartinternet\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Eliot Chambers-Ostler\" \/>\n\t<meta name=\"twitter:label2\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/\"},\"author\":{\"name\":\"Eliot Chambers-Ostler\",\"@id\":\"https:\/\/heartblog.victory.digital\/#\/schema\/person\/58ed7f27cc0f3ab6e69135742a5eee28\"},\"headline\":\"The complete guide to styling your WordPress comments\",\"datePublished\":\"2010-09-09T12:30:40+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/\"},\"wordCount\":1134,\"commentCount\":2,\"publisher\":{\"@id\":\"https:\/\/heartblog.victory.digital\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_wordpress@2x1.jpg\",\"articleSection\":[\"WordPress\"],\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/\",\"url\":\"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/\",\"name\":\"The complete guide to styling your WordPress comments - Heart Internet\",\"isPartOf\":{\"@id\":\"https:\/\/heartblog.victory.digital\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_wordpress@2x1.jpg\",\"datePublished\":\"2010-09-09T12:30:40+00:00\",\"description\":\"The complete guide to styling your WordPress comments - Written by the team at Heart Internet.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/#primaryimage\",\"url\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_wordpress@2x1.jpg\",\"contentUrl\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_wordpress@2x1.jpg\",\"width\":1620,\"height\":720},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.heartinternet.uk\/blog\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"The complete guide to styling your WordPress comments\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/heartblog.victory.digital\/#website\",\"url\":\"https:\/\/heartblog.victory.digital\/\",\"name\":\"Heart Internet\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/heartblog.victory.digital\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/heartblog.victory.digital\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/heartblog.victory.digital\/#organization\",\"name\":\"Heart Internet\",\"url\":\"https:\/\/heartblog.victory.digital\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/heartblog.victory.digital\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/02\/HeartInternet_Logo_Colour.webp\",\"contentUrl\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/02\/HeartInternet_Logo_Colour.webp\",\"width\":992,\"height\":252,\"caption\":\"Heart Internet\"},\"image\":{\"@id\":\"https:\/\/heartblog.victory.digital\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/heartinternet\/\",\"https:\/\/x.com\/heartinternet\",\"https:\/\/www.linkedin.com\/company\/heart-internet-ltd\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/heartblog.victory.digital\/#\/schema\/person\/58ed7f27cc0f3ab6e69135742a5eee28\",\"name\":\"Eliot Chambers-Ostler\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\/\/heartblog.victory.digital\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/08\/cropped-Eliot-96x96.jpg\",\"contentUrl\":\"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/08\/cropped-Eliot-96x96.jpg\",\"caption\":\"Eliot Chambers-Ostler\"},\"url\":\"https:\/\/www.heartinternet.uk\/blog\/author\/eliot-chambers-ostler\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"The complete guide to styling your WordPress comments - Heart Internet","description":"The complete guide to styling your WordPress comments - Written by the team at Heart Internet.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/","og_locale":"en_GB","og_type":"article","og_title":"The complete guide to styling your WordPress comments - Heart Internet","og_description":"The complete guide to styling your WordPress comments - Written by the team at Heart Internet.","og_url":"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/","og_site_name":"Heart Internet","article_publisher":"https:\/\/www.facebook.com\/heartinternet\/","article_published_time":"2010-09-09T12:30:40+00:00","og_image":[{"width":1620,"height":720,"url":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_wordpress@2x1.jpg","type":"image\/jpeg"}],"author":"Eliot Chambers-Ostler","twitter_card":"summary_large_image","twitter_creator":"@heartinternet","twitter_site":"@heartinternet","twitter_misc":{"Written by":"Eliot Chambers-Ostler","Estimated reading time":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/#article","isPartOf":{"@id":"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/"},"author":{"name":"Eliot Chambers-Ostler","@id":"https:\/\/heartblog.victory.digital\/#\/schema\/person\/58ed7f27cc0f3ab6e69135742a5eee28"},"headline":"The complete guide to styling your WordPress comments","datePublished":"2010-09-09T12:30:40+00:00","mainEntityOfPage":{"@id":"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/"},"wordCount":1134,"commentCount":2,"publisher":{"@id":"https:\/\/heartblog.victory.digital\/#organization"},"image":{"@id":"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/#primaryimage"},"thumbnailUrl":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_wordpress@2x1.jpg","articleSection":["WordPress"],"inLanguage":"en-GB","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/","url":"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/","name":"The complete guide to styling your WordPress comments - Heart Internet","isPartOf":{"@id":"https:\/\/heartblog.victory.digital\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/#primaryimage"},"image":{"@id":"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/#primaryimage"},"thumbnailUrl":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_wordpress@2x1.jpg","datePublished":"2010-09-09T12:30:40+00:00","description":"The complete guide to styling your WordPress comments - Written by the team at Heart Internet.","breadcrumb":{"@id":"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/"]}]},{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/#primaryimage","url":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_wordpress@2x1.jpg","contentUrl":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2015\/06\/category_wordpress@2x1.jpg","width":1620,"height":720},{"@type":"BreadcrumbList","@id":"https:\/\/www.heartinternet.uk\/blog\/the-complete-guide-to-styling-your-wordpress-comments\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.heartinternet.uk\/blog\/"},{"@type":"ListItem","position":2,"name":"The complete guide to styling your WordPress comments"}]},{"@type":"WebSite","@id":"https:\/\/heartblog.victory.digital\/#website","url":"https:\/\/heartblog.victory.digital\/","name":"Heart Internet","description":"","publisher":{"@id":"https:\/\/heartblog.victory.digital\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/heartblog.victory.digital\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/heartblog.victory.digital\/#organization","name":"Heart Internet","url":"https:\/\/heartblog.victory.digital\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/heartblog.victory.digital\/#\/schema\/logo\/image\/","url":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/02\/HeartInternet_Logo_Colour.webp","contentUrl":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/02\/HeartInternet_Logo_Colour.webp","width":992,"height":252,"caption":"Heart Internet"},"image":{"@id":"https:\/\/heartblog.victory.digital\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/heartinternet\/","https:\/\/x.com\/heartinternet","https:\/\/www.linkedin.com\/company\/heart-internet-ltd"]},{"@type":"Person","@id":"https:\/\/heartblog.victory.digital\/#\/schema\/person\/58ed7f27cc0f3ab6e69135742a5eee28","name":"Eliot Chambers-Ostler","image":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/heartblog.victory.digital\/#\/schema\/person\/image\/","url":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/08\/cropped-Eliot-96x96.jpg","contentUrl":"https:\/\/www.heartinternet.uk\/blog\/wp-content\/uploads\/2025\/08\/cropped-Eliot-96x96.jpg","caption":"Eliot Chambers-Ostler"},"url":"https:\/\/www.heartinternet.uk\/blog\/author\/eliot-chambers-ostler\/"}]}},"_links":{"self":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/posts\/5084","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/comments?post=5084"}],"version-history":[{"count":0,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/posts\/5084\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/media\/8207"}],"wp:attachment":[{"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/media?parent=5084"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/categories?post=5084"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.heartinternet.uk\/blog\/wp-json\/wp\/v2\/tags?post=5084"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}