{"id":4664,"date":"2010-12-10T08:52:17","date_gmt":"2010-12-10T13:52:17","guid":{"rendered":"https:\/\/friendburst.com\/blog-new\/4664\/design-and-style-your-friendburst-profile-right-column\/"},"modified":"2010-12-10T08:52:17","modified_gmt":"2010-12-10T13:52:17","slug":"design-and-style-your-friendburst-profile-right-column","status":"publish","type":"post","link":"https:\/\/friendburst.com\/blog-new\/4664\/design-and-style-your-friendburst-profile-right-column\/","title":{"rendered":"design and style your friendburst profile – right column"},"content":{"rendered":"\n<\/col>\n<\/col>\n\n\n
\n
\n

\u2022 Introduction<\/span><\/p>\n

\u2022 Background<\/span><\/p>\n

\u2022 Top Area<\/a>
\n\u2022 \u2022 Custom Top Banner<\/a>
\n \u2022 Navigation Bar<\/a><\/p>\n

\u2022 Middle Area<\/span><\/p>\n

\u2022 Profile Header<\/a>
\n \u2022 Contact Box<\/a>
\n \u2022 Profile Image<\/a><\/p>\n

\u2022 Left Column<\/a>
\n\u2022 \u2022 BasicInfo Section<\/a>
\n\u2022 \u2022 Music Section<\/a><\/p>\n

\u2022 Right Column<\/span>
\n\u2022 \u2022 Updates Section<\/a>
\n\u2022\u2022\u2022 \u2022 Input Area<\/a>
\n\u2022\u2022\u2022 \u2022 Updates Area<\/a>
\n\u2022\u2022\u2022 \u2022 User Comments<\/a>
\n\u2022 \u2022 Comments Section<\/span>
\n\u2022\u2022\u2022 \u2022 Post Comment<\/a><\/p>\n

\u2022 Bottom Area<\/a><\/p>\n

\u2022 Tweaks<\/span><\/p>\n

\u2022
\n \u2022 Pre-made Layouts<\/a><\/p>\n<\/div>\n<\/td>\n

\n
\n

You can also use all this codes to affect only a single module. Just replace the second selector (“div.block”) with the module specific ID.
\nThis will be compatible with global values for the left column, because the most specific adressed code will prevail.<\/p>\n

module background and border<\/strong><\/p>\n

div#content div.block {
\nbackground-color: blue<\/span>;
\nborder: 1<\/span>px solid red<\/span>;
\n}<\/div>\n

module headline<\/strong><\/p>\n

div#content div.block div.title {
\nbackground-color: yellow<\/span>;
\ncolor: black<\/span>;
\n}<\/div>\n

module text color<\/strong><\/p>\n

div#content div.block div.content {
\ncolor: white<\/span>;
\n}<\/div>\n

module link color and hover effect<\/strong><\/p>\n

div#content div.block div.content a {
\ncolor: gold<\/span>;
\n}
\ndiv#content div.block div.content a:hover {
\ncolor: black<\/span>;
\n}<\/div>\n

right column buttons<\/strong>
\npost update\/submit comment\/cancel
\nand report\/edit\/reply\/delete comment<\/p>\n

div#content div.block div.content input.button,
\ndiv#content div.comment_link li a {
\nbackground-color: red<\/span>;
\nborder: 1<\/span>px solid green<\/span>;
\ncolor: yellow<\/span>;
\npadding-right: 3px;
\n}<\/div>\n

right column buttons hover effect<\/strong><\/p>\n

div#content div.block div.content input.button:hover,
\ndiv#content div.comment_link li a:hover {
\nbackground-color: green<\/span>;
\nborder: 1<\/span>px solid black<\/span>;
\ncolor: blue<\/span>;
\n}<\/div>\n<\/div>\n<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n","protected":false},"excerpt":{"rendered":"

\u2022 Introduction \u2022 Background \u2022 Top Area \u2022 \u2022 Custom Top Banner \u2022 Navigation Bar \u2022 Middle Area \u2022 Profile Header \u2022 Contact Box \u2022 Profile Image \u2022 Left Column \u2022 \u2022 BasicInfo Section \u2022 \u2022 Music Section \u2022 Right Column \u2022 \u2022 Updates Section \u2022\u2022\u2022 \u2022 Input Area \u2022\u2022\u2022 \u2022 Updates Area \u2022\u2022\u2022 \u2022 […]<\/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-4664","post","type-post","status-publish","format-standard","hentry","category-other"],"_links":{"self":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/4664","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=4664"}],"version-history":[{"count":0,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/posts\/4664\/revisions"}],"wp:attachment":[{"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/media?parent=4664"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/categories?post=4664"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/friendburst.com\/blog-new\/wp-json\/wp\/v2\/tags?post=4664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}