{"id":17413,"date":"2011-02-20T00:15:14","date_gmt":"2011-02-20T05:15:14","guid":{"rendered":"https:\/\/friendburst.com\/blog-new\/17413\/sfbpc-comments-block\/"},"modified":"2011-02-20T00:15:14","modified_gmt":"2011-02-20T05:15:14","slug":"sfbpc-comments-block","status":"publish","type":"post","link":"https:\/\/friendburst.com\/blog-new\/17413\/sfbpc-comments-block\/","title":{"rendered":"SFBPC – Comments Block"},"content":{"rendered":"\n\n\n
\n
\n

\u00ab Index<\/a><\/span><\/p>\n

CSS<\/span><\/p>\n<\/div>\n<\/td>\n

\n
\n

Comments Block<\/span><\/p>\n

Comments Block Style:<\/strong><\/p>\n

*Change colors as needed, including transparent backgrounds.<\/span><\/p>\n

\n

.comment_header {
\nbackground-color: #00ff00 !important;
\nborder-top: 1px dotted #333333 !important;
\ncolor: #555555 !important;
\nmargin-top: -1px !important;
\n}
\n.comment_box {
\nbackground-color: #00ff00 !important;
\nmargin-bottom: 0 !important;
\n}
\n.comment_content {
\nbackground-color: #ff00ff !important;
\npadding-left: 4px !important;
\n}<\/p>\n<\/div>\n

Comments Button \u2044 Pager Style:<\/strong><\/p>\n

*Change colors as needed.<\/span><\/p>\n

\n

.comment_link {
\nbackground-color: #00ff00 !important;
\n}
\n.comment_link li a {
\nbackground-color: #191919 !important;
\nborder: 1px solid #333333 !important;
\ncolor: #777777 !important;
\n}
\n.comment_link li a:hover {
\nbackground-color: #252525 !important;
\nborder: 1px solid #494949 !important;
\ncolor: #cccccc !important;
\n}<\/p>\n

.pager_left {
\ncolor: #595959 !important;
\n}
\n#js_block_border_comment_display.block .pager li {
\ncolor: #000000;
\n}
\n.pager li a {
\nbackground-color: #191919 !important;
\nborder: 1px solid #333333 !important;
\ncolor: #777777 !important;
\n}
\n.pager li a.active {
\nbackground-color: #252525 !important;
\nborder: 1px solid #494949 !important;
\ncolor: #bb0000 !important;
\n}
\n.pager li a:hover {
\nbackground-color: #252525 !important;
\nborder: 1px solid #494949 !important;
\ncolor: #cccccc !important;
\n}<\/p>\n<\/div>\n

Comments Form Style:<\/strong><\/p>\n

*Change colors as needed.<\/span><\/p>\n

\n

#js_comment_form_holder {
\nbackground-color: transparent;
\nmargin-bottom: 10px;
\npadding: 5px 0 0 0;
\n}
\n#js_comment_form .table {
\npadding-bottom: 2px;
\n}
\n#js_comment_form .table_right {
\npadding: 0 3px 0 3px !important;
\nmargin-left: 0;
\n}
\n#js_comment_form .edit_menu_container {
\nmargin-left: 15px;
\n}
\n#js_comment_form div.table_clear {
\nmargin-left: 3.2%;
\n}
\n.w_95 {
\nbackground-color: #00ff00 !important;
\nborder: 1px solid #00ff00 !important;
\n}
\n.w_95 .editor_menu {
\nbackground-color: #00ff00 !important;
\nborder: none !important;
\n}
\n.w_95 a.editor_button {
\nborder: 1px solid #232323 !important;
\n}
\n.w_95 a.editor_button:hover {
\nbackground-color: #535353 !important;
\nborder: 1px solid #656565 !important;
\n}
\n.w_95 .editor_separator {
\nmargin: 4px 3px 2px 2px;
\nbackground-color: #333333;
\nborder-style: solid;
\nborder-color: #191919 #393939 #393939 #191919;
\n}
\n.w_95 div#layer_text {
\nbackground-color: #00ff00;
\n}
\n.w_95 textarea {
\nbackground-color: #000000 !important;
\ncolor: #999999 !important;
\nborder-top: 1px solid #000000;
\nborder-right: 1px solid #232323;
\nborder-bottom: 1px solid #232323;
\nborder-left: 1px solid #000000;
\npadding: 3px;
\n}
\ninput#js_comment_submit.button {
\nbackground-color: #00ff00 !important;
\nborder: 1px solid #ff00ff !important;
\ncolor: #777777 !important;
\nfont-family: arial;
\n}
\ninput#js_comment_submit.button:hover {
\nbackground-color: #ff00ff !important;
\nborder: 1px solid #00ff00 !important;
\ncolor: #ffffff !important;
\n}<\/p>\n<\/div>\n

Comments Block – Scroll:<\/strong><\/p>\n

*Change “500px” to needed height.<\/span><\/p>\n

\n

#js_comment_listing {
\nheight: 500px;
\noverflow-y: auto;
\n}
\n.comment_header {
\nposition: relative !important;
\n}
\n.comment_header div {
\npadding-left: 4px !important;
\npadding-right: 2px !important;
\n}
\n.comment_box {
\nmargin-bottom: 0 !important;
\n}
\n.comment_content {
\npadding-left: 4px !important;
\n}<\/p>\n<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"

\u00ab Index CSS Comments Block Comments Block Style: *Change colors as needed, including transparent backgrounds. .comment_header { background-color: #00ff00 !important; border-top: 1px dotted #333333 !important; color: #555555 !important; margin-top: -1px !important; } .comment_box { background-color: #00ff00 !important; margin-bottom: 0 !important; } .comment_content { background-color: #ff00ff !important; padding-left: 4px !important; } Comments Button \u2044 Pager Style: […]<\/p>\n","protected":false},"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[2],"tags":[],"class_list":["post-17413","post","type-post","status-publish","format-standard","hentry","category-other"],"_links":{"self":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/17413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/types\/post"}],"replies":[{"embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/comments?post=17413"}],"version-history":[{"count":0,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/17413\/revisions"}],"wp:attachment":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/media?parent=17413"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/categories?post=17413"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/tags?post=17413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}