{"id":16689,"date":"2011-02-16T23:26:14","date_gmt":"2011-02-17T04:26:14","guid":{"rendered":"https:\/\/friendburst.com\/blog-new\/16689\/sfbpc-all-in-one\/"},"modified":"2011-02-16T23:26:14","modified_gmt":"2011-02-17T04:26:14","slug":"sfbpc-all-in-one","status":"publish","type":"post","link":"https:\/\/friendburst.com\/blog-new\/16689\/sfbpc-all-in-one\/","title":{"rendered":"SFBPC – All-In-One (Transparency, Text, Etc.)"},"content":{"rendered":"\n\n\n
\n
\n

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

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

\n
\n

All-In-One Transparency<\/span><\/p>\n

*Save a copy of your original code, in case there is code you need to add again. It is recommended to start with the default theme “flavaheat”. If you set your background in the editor, or with code, you may keep it. Simply add this code below the background code in the CSS box. Remove pre-made layouts and\/or remove code in the CSS box that may be targeting the same elements as this code, to avoid conflicts.<\/span><\/p>\n

\n

div#header {
\nbackground-color: transparent;
\nborder: none;
\n}
\ndiv#header #ttitopnav {
\nbackground-image: none;
\ncolor: #00ff00;
\n}
\ndiv#header #ttitopnav ul li a:hover {
\nbackground-color: transparent;
\n}
\ndiv#header ul#main_nav {
\nbackground-color: transparent;
\nbackground-image: none;
\n}
\ndiv#header div#top_nav_search {
\nbackground-color: transparent;
\nborder: 1px solid #191919;
\n}
\ndiv#header input#search_field {
\nbackground-color: transparent;
\n}
\ndiv#header div#top_nav_holder {
\nbackground-color: transparent;
\nborder: none;
\n}
\ndiv.profile_header {
\nbackground: transparent;
\nborder-bottom: none;
\n}
\ndiv#profile_menu {
\nbackground-color: transparent;
\n}
\ndiv#profile_menu ul li a {
\nbackground-color: transparent !important;
\nborder-color: #000000;
\ncolor: #777777 !important;
\n}
\ndiv#profile_menu ul li.active a {
\nbackground-color: transparent !important;
\nborder-color: #000000;
\ncolor: #999999 !important;
\n}
\ndiv#profile_menu ul li a:hover {
\nbackground-color: transparent !important;
\nborder-color: #000000;
\ncolor: #ffffff !important;
\n}
\ndiv#profile_nav_list {
\nbackground-color: transparent;
\nborder: none;
\n}
\ndiv#profile_nav_list ul li a {
\nbackground-color: transparent;
\nborder: none;
\n}
\ndiv#profile_nav_list ul li a:hover {
\nbackground-color: transparent;
\ncolor: ffffff;
\n}
\ndiv#content_container {
\nbackground-color: transparent;
\nborder: none;
\n}
\ndiv.block {
\nbackground: transparent !important;
\nborder: none !important;
\n}
\ndiv.block div.title {
\nbackground: transparent !important;
\nborder: none;
\n}
\ndiv.block div.bottom {
\nbackground: transparent !important;
\nborder: none;
\n}
\ndiv.block div.bottom a {
\nbackground-color: transparent;
\nborder: none;
\n}
\ndiv.block div.bottom a:hover {
\nbackground-color: transparent;
\ncolor: #ffffff;
\nborder: none;
\n}
\nul.action li a {
\nbackground-color: transparent !important;
\nborder: 1px solid #333333 !important;
\ncolor: #bb0000 !important;
\n}
\ndiv.comment_header {
\nbackground: transparent;
\nborder: none;
\n}
\ndiv.comment_box {
\nbackground: transparent;
\nborder: none;
\n}
\ndiv.comment_content {
\nbackground: transparent;
\nborder: none;
\n}
\ndiv.comment_link {
\nbackground-color: transparent;
\ncolor: #ffffff;
\nborder: none;
\n}
\ndiv.comment_link li a {
\nbackground-color: transparent;
\nborder: 1px solid #333333 !important;
\ncolor: #777777 !important;
\n}
\ndiv.comment_link li a:hover {
\nbackground-color: transparent;
\nborder: 1px solid #494949 !important;
\ncolor: #ffffff !important;
\n}
\n.pager_left {
\ncolor: #777777 !important;
\n}
\n.pager li {
\ncolor: #777777;
\n}
\n.pager li a {
\nbackground-color: transparent !important;
\nborder: 1px solid #333333 !important;
\ncolor: #777777 !important;
\n}
\n.pager li a.active {
\nbackground-color: transparent !important;
\nborder: 1px solid #494949 !important;
\ncolor: #bb0000 !important;
\n}
\n.pager li a:hover {
\nbackground-color: transparent !important;
\nborder: 1px solid #494949 !important;
\ncolor: #ffffff !important;
\n}
\ndiv#bottom {
\nbackground-color: transparent;
\nborder: none;
\ncolor: #ffffff;
\n}<\/p>\n<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"

\u00ab Index CSS All-In-One Transparency *Save a copy of your original code, in case there is code you need to add again. It is recommended to start with the default theme “flavaheat”. If you set your background in the editor, or with code, you may keep it. Simply add this code below the background code […]<\/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-16689","post","type-post","status-publish","format-standard","hentry","category-other"],"_links":{"self":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/16689","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=16689"}],"version-history":[{"count":0,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/16689\/revisions"}],"wp:attachment":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/media?parent=16689"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/categories?post=16689"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/tags?post=16689"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}