{"id":63717,"date":"2011-09-17T16:42:59","date_gmt":"2011-09-17T20:42:59","guid":{"rendered":"https:\/\/friendburst.com\/blog-new\/63717\/sfbpc-blog-specific-code\/"},"modified":"2011-09-17T16:42:59","modified_gmt":"2011-09-17T20:42:59","slug":"sfbpc-blog-specific-code","status":"publish","type":"post","link":"https:\/\/friendburst.com\/blog-new\/63717\/sfbpc-blog-specific-code\/","title":{"rendered":"SFBPC – Blog-Specific Code"},"content":{"rendered":"\n\n\n
\n
\n

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

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

\n
\n

Blog-Specific Code<\/span><\/p>\n

*All other code is the same as profile layout code. See the Profile Layout Index<\/a> for code not listed here.<\/span><\/p>\n

*Change colors as needed. Color Chart HERE<\/a><\/span><\/p>\n

Blog – Header Menu:<\/strong><\/p>\n

\n

div.header_menu ul li a {
\nbackground-color: #777777;
\nborder: 1px solid #333333 !important;
\ncolor: #cccccc;
\n}
\ndiv.header_menu ul li a:hover{
\nbackground-color: #999999;
\nborder: 1px solid #555555 !important;
\ncolor: #ffffff;
\n}<\/p>\n<\/div>\n

Blog – Last Posts Header:<\/strong><\/p>\n

\n

div.entry h3 {
\nfont-size: 11px;
\nfont-weight: normal;
\ncolor: #999999;
\nborder-bottom: 1px solid #000000 !important;
\n}<\/p>\n<\/div>\n

Blog – Post Main Title:<\/strong><\/p>\n

\n

.post_title {
\nbackground-color: #555555;
\nborder-bottom: 1px solid #000000 !important;
\ncolor: #ff00ff;
\n}<\/p>\n<\/div>\n

Blog – Post Date And Time:<\/strong><\/p>\n

\n

.time {
\ncolor: #ff00ff;
\n}<\/p>\n<\/div>\n

Blog – Last 5 Posts Date:<\/strong><\/p>\n

\n

div.entry ul li {
\ncolor: #00ffff !important;
\n}<\/p>\n<\/div>\n

Blog – Last 5 Posts Links:<\/strong><\/p>\n

\n

div.entry ul li a {
\ncolor: #ff0000 !important;
\n}<\/p>\n<\/div>\n

Blog – Post Other RSS Info Edit:<\/strong><\/p>\n

\n

div.entry p.postmetadata {
\ncolor: #00ff00 !important;
\n}
\ndiv.entry p.postmetadata a {
\ncolor: #ff00ff !important;
\n}<\/p>\n<\/div>\n

Blog – View Counter: <\/strong><\/p>\n

\n

div.entry b {
\ncolor: #000000;
\n}<\/p>\n<\/div>\n

Blog – Main Content:<\/strong><\/p>\n

\n

#blog_content_single {
\nbackground-color: #333333;
\nborder: 1px solid #555555 !important;
\ncolor: #ffffff;
\n}<\/p>\n<\/div>\n

Blog – Main Content Links:<\/strong><\/p>\n

\n

#blog_content_single a {
\ncolor: #00ff00;
\n}<\/p>\n<\/div>\n

Blog – Post Member Pic Borders:<\/strong><\/p>\n

\n

div.alignleft img.border {
\nborder: 1px solid #777777;
\n}<\/p>\n<\/div>\n

Blog – Post Member Name:<\/strong><\/p>\n

\n

div.alignleft span.writer a {
\ncolor: #00ffff !important;
\n}<\/p>\n<\/div>\n

Blog – Comment Member Pic Borders:<\/strong><\/p>\n

\n

div.pic img.border {
\nborder: 1px solid #777777;
\n}<\/p>\n<\/div>\n

Blog – Comment Member Name – Non-Link:<\/strong><\/p>\n

\n

div.name {
\ncolor: #cccccc;
\n}<\/p>\n<\/div>\n

Blog – Comment Member Name – Link:<\/strong><\/p>\n

\n

div.name a {
\ncolor: #cccccc !important;
\n}<\/p>\n<\/div>\n

Blog – Responses Header:<\/strong><\/p>\n

\n

#comments {
\nbackground-color: #555555 !important;
\nborder-bottom: 1px solid #000000 !important;
\ncolor: #ff00ff;
\n}<\/p>\n<\/div>\n

Blog – Reply Header:<\/strong><\/p>\n

\n

#respond {
\nbackground-color: #555555 !important;
\nborder-bottom: 1px solid #000000 !important;
\ncolor: #ff00ff;
\n}<\/p>\n<\/div>\n

Blog – Random Header:<\/strong><\/p>\n

\n

.random h3 {
\nbackground-color: #555555;
\nborder-bottom: 1px solid #000000 !important;
\ncolor: #ff00ff;
\n}<\/p>\n<\/div>\n

Blog – Remove Comment Rounded Corner Images And Pic Arrow:<\/strong><\/p>\n

*This is necessary to change the comments background colors<\/span><\/p>\n

\n

.commentlist li .info {
\nbackground-image: none !important;
\n}
\n.commentlist li .content {
\nbackground-image: none !important;
\n}
\n.commentlist li .pic {
\nbackground-image: none !important;
\n}<\/p>\n<\/div>\n

Blog – Comment List Background Color:<\/strong><\/p>\n

\n

.commentlist li .info {
\nbackground-image: none !important;
\nbackground-color: #717171;
\n}<\/p>\n<\/div>\n

Blog – Comment Font Color:<\/strong><\/p>\n

\n

.commentlist li .info * {
\ncolor: #000000;
\n}<\/p>\n<\/div>\n

Blog – Comment Link Color:<\/strong><\/p>\n

\n

.commentlist li .info a {
\ncolor: #ff00ff !important;
\n}<\/p>\n<\/div>\n

Blog – Comment Reply Background Color And Border:<\/strong><\/p>\n

\n

.comment-childs {
\nborder: 1px solid #454545;
\nbackground-color: #777777 !important;
\n}<\/p>\n<\/div>\n

Blog – Comment Buttons Positioning And Sizing:<\/strong><\/p>\n

*Be careful with this code. It shouldn’t need any adjustments.<\/span><\/p>\n

\n

#commentform input {
\nmargin-top: 0;
\nwidth: 120px;
\n}
\n#commentform #submit {
\nfloat: left;
\nmargin-left: 5px;
\nwidth: 120px;
\n}<\/p>\n<\/div>\n

Blog – Comment Buttons Style:<\/strong><\/p>\n

\n

#commentform input {
\nbackground-color: #777777;
\nborder: 1px solid #333333 !important;
\ncolor: #cccccc;
\n}
\n#commentform input:hover {
\nbackground-color: #999999;
\nborder: 1px solid #555555 !important;
\ncolor: #ffffff;
\n}
\n#commentform #submit {
\nbackground-color: #777777;
\nborder: 1px solid #333333 !important;
\ncolor: #cccccc;
\n}
\n#commentform #submit:hover {
\nbackground-color: #999999;
\nborder: 1px solid #555555 !important;
\ncolor: #ffffff;
\n}<\/p>\n<\/div>\n

Blog – Remove Dotted Bottom Border:<\/strong><\/p>\n

\n

.post {
\nborder-bottom: none !important;
\n}<\/p>\n<\/div>\n

Blog – Custom Banner – Placed Into Blog Post Title (Image should be no more than 940×200 pixels):<\/strong><\/p>\n

\n

.post_title {
\nheight: 200px;
\nmargin-bottom: 10px;
\nbackground-image: url(DIRECT IMAGE URL);
\nbackground-position: top center;
\nbackground-repeat: no-repeat;
\nbackground-attachment: scroll;
\n}<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"

  « Index CSS Blog-Specific Code *All other code is the same as profile layout code. See the Profile Layout Index for code not listed here. *Change colors as needed. Color Chart HERE Blog – Header Menu: div.header_menu ul li a { background-color: #777777; border: 1px solid #333333 !important; color: #cccccc; } div.header_menu ul li a:hover{ […]<\/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-63717","post","type-post","status-publish","format-standard","hentry","category-other"],"_links":{"self":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/63717","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=63717"}],"version-history":[{"count":0,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/63717\/revisions"}],"wp:attachment":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/media?parent=63717"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/categories?post=63717"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/tags?post=63717"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}