{"id":81477,"date":"2023-03-02T11:55:23","date_gmt":"2023-03-02T16:55:23","guid":{"rendered":"https:\/\/www.boldgrid.com\/support\/?p=81477"},"modified":"2023-03-02T11:55:23","modified_gmt":"2023-03-02T16:55:23","slug":"customizing-the-comments-design-in-boldgrid-crio","status":"publish","type":"post","link":"https:\/\/www.boldgrid.com\/support\/boldgrid-crio-supertheme-product-guide\/customizing-the-comments-design-in-boldgrid-crio\/","title":{"rendered":"Customizing Comment Design in WordPress with Crio"},"content":{"rendered":"<!DOCTYPE html PUBLIC \"-\/\/W3C\/\/DTD HTML 4.0 Transitional\/\/EN\" \"http:\/\/www.w3.org\/TR\/REC-html40\/loose.dtd\">\n<?xml encoding=\"utf-8\" ?><html><body><p><a href=\"https:\/\/www.boldgrid.com\/crio-wordpress-theme-for-business\/\"><span style=\"font-weight: 400;\">BoldGrid Crio Pro<\/span><\/a><span style=\"font-weight: 400;\"> gives additional options and controls to allow you more control over your site design. The following guide will cover the features and customizations provided for Blog Comments. These options are found in the WordPress Customizer.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Log into the WordPress Dashboard<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the Dashboard navigate to <strong>Appearance &rarr; Customize<\/strong><\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the Customizer menu navigate to <strong>Design &rarr; Comments<\/strong><\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2023\/03\/Pasted-image-20230223151659.png\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-81480\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2023\/03\/Pasted-image-20230223151659.png\" alt=\"\" width=\"200\" height=\"207\"><\/a><\/p>\n<h2 id=\"colors\">Colors<\/h2>\n<p><span style=\"font-weight: 400;\">In this panel, you can customize the colors of your comments using the theme&rsquo;s color palette. If you want to use a color you do not see, you will need to <\/span><a href=\"https:\/\/www.boldgrid.com\/support\/boldgrid-crio-supertheme-product-guide\/customizing-the-color-palette\/\"><span style=\"font-weight: 400;\">change a color in the color palette.<\/span><\/a><span style=\"font-weight: 400;\"> These options allow you to control the following elements:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Header Background Color<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Header Link Color<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Body Background Color<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Body Link Color<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Footer Background Color<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Footer Link Color<\/span><\/li>\n<\/ul>\n<p><a href=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2023\/03\/Pasted-image-20230302090510.png\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-81481\" src=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2023\/03\/Pasted-image-20230302090510-300x195.png\" alt=\"\" width=\"300\" height=\"195\" srcset=\"https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2023\/03\/Pasted-image-20230302090510-300x195.png 300w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2023\/03\/Pasted-image-20230302090510-1024x666.png 1024w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2023\/03\/Pasted-image-20230302090510-768x500.png 768w, https:\/\/www.boldgrid.com\/support\/wp-content\/uploads\/2023\/03\/Pasted-image-20230302090510.png 1042w\" sizes=\"auto, (max-width: 300px) 100vw, 300px\" \/><\/a><\/p>\n<h2 id=\"content\">Content<\/h2>\n<p><span style=\"font-weight: 400;\">This section will allow you to customize the layout and displayed content of your blog comments, allowing you to reposition or hide elements.<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><strong>Comment Reply Format<\/strong>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">This option lets you select how you want the Reply option to show in the comment footer. You can select between buttons that are either the primary or secondary colors in your color palette or you can display it as a link.<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><strong>Avatar Display<\/strong>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">This option allows you to change the location of the commenter&rsquo;s avatar or hide it altogether.<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><strong>Show Date \/ Time<\/strong>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">This option is turned on by default, turning it off will hide the linkable timestamp in the coment header<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><strong>Show Allowed Tags<\/strong>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">This option is turned on by default, turning it off will hide the Allowed HTML tags in the Leave a Reply section<\/span><\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<h2 id=\"links--advanced\">Links &amp; Advanced<\/h2>\n<p><span style=\"font-weight: 400;\">Take your design to the next level by using the Advanced options. Check out <\/span><a href=\"https:\/\/www.boldgrid.com\/support\/boldgrid-crio-supertheme-product-guide\/using-the-blog-page-advanced-settings-with-boldgrid-crio\/\"><span style=\"font-weight: 400;\">the Blog Page Advanced<\/span><\/a><span style=\"font-weight: 400;\"> options for a unique Comment design.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you&rsquo;re happy with your comments and are looking to further customize your blog, see our article on <\/span><a href=\"https:\/\/www.boldgrid.com\/support\/boldgrid-crio-supertheme-product-guide\/customizing-your-blog-posts-with-boldgrid-crio\/\"><span style=\"font-weight: 400;\">customizing your blog posts<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n<\/body><\/html>\n","protected":false},"excerpt":{"rendered":"<p>BoldGrid Crio Pro gives additional options and controls to allow you more control over your site design. The following guide will cover the features and customizations provided for Blog Comments. These options are found in the WordPress Customizer. Log into the WordPress Dashboard In the Dashboard navigate to Appearance &rarr; Customize In the Customizer menu [&hellip;]<\/p>\n","protected":false},"author":215,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bbp_topic_count":0,"_bbp_reply_count":0,"_bbp_total_topic_count":0,"_bbp_total_reply_count":0,"_bbp_voice_count":0,"_bbp_anonymous_reply_count":0,"_bbp_topic_count_hidden":0,"_bbp_reply_count_hidden":0,"_bbp_forum_subforum_count":0,"bgseo_title":"","bgseo_description":"","bgseo_robots_index":"index","bgseo_robots_follow":"follow","footnotes":""},"categories":[573],"tags":[],"class_list":["post-81477","post","type-post","status-publish","format-standard","hentry","category-boldgrid-crio-supertheme-product-guide"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/81477","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/users\/215"}],"replies":[{"embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/comments?post=81477"}],"version-history":[{"count":5,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/81477\/revisions"}],"predecessor-version":[{"id":91081,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/posts\/81477\/revisions\/91081"}],"wp:attachment":[{"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/media?parent=81477"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/categories?post=81477"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.boldgrid.com\/support\/wp-json\/wp\/v2\/tags?post=81477"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}