“OneCommunity” Documentation by “Diabolique Design”

OneCommunity - BuddyPress Theme

Created: 31 Dec 2012
By: Diabolique Design

Thank you for purchasing OneCommunity theme. If you have any questions that are beyond the scope of this help file, please visit my Support Forum. Thanks so much!
P.S. Before you ask any question please read FAQ section on the item page:

Table of Contents

  1. I. Theme and BuddyPress plugin installation
  2. II. How to display menu on the top?
  3. III. Contact form installation
  4. IV. Don't see some font glyphs?
  5. V. How to change Cufon font?
  6. VI. Style customisation and predefined styles
  7. VII. Shortcodes
  8. VIII. How to add subtitle and thumbnail caption to blog post?

I. Theme and BuddyPress plugin installation - top

1. You need WordPress installed. Compress OneCommunity folder with a theme to a ZIP file → Go to Apprearance → Themes → Install themes → Upload OneCommunity.zip file and activate theme after BuddyPress plugin installation. If you have already installed BuddyPress in past then go to 3rd step.

2A. Go to Plugins → Add New → install & activate BuddyPress plugin.
Theme works with the latest version of BuddyPress - 1.7.
If BuddPress plugin is inactive then WordPress will switch back to the default WP theme.

2B. Now go to Settings → Buddypress and select everything like on the following screenshot and SAVE:


2C. Go to Settings → Permalinks select Post name and SAVE

If you used BuddyPress' built-in forums then you have to migrate to bbPress - Instructions

2D. Install and activate bbPress plugin.
If bbpress is installed then go to Pages → Add New and create page called Forum with pasted (in Text mode) following shortcodes:
[bbp-forum-index]
[bbp-topic-index]
...and selected Page with title template under Page Attributes.


Generally slug of Forum page should be forum. If you want to use a different slug then you should change slug for tile too (under theme options panel).

Disable comments for this page:


Press Publish button.

Go to Forums → New Forum and create forum called Group Forums.

Go to Settings → Forum and make all settings like on the following screenshot (and SAVE):



Make sure your each User Group has active a Forum Discussion. When you go to specific Group and Forum tab is not visible then go to Admin (inside group) -> Forum tab -> check Yes. I want this group to have a forum and save.

2E. Go to Pages → Add New and create pages called Register and Activate. Now go to Settings → BuddyPress → Pages and make all settings like on the following screenshot:


3. Create empty page called Home (Pages → Add New) with selected Frontpage 1, Frontpage 2 (slider with blog posts) or Frontpage 3 page template (My theme must be active now):



4. Go to Settings → Reading, select Front page: Home and SAVE changes (do not touch Posts page).


5. Create empty page called Login (Pages → Add New) with selected Login Page template (permalink must be login).

6. Create empty page called for example Searching (Pages → Add New) with selected Search Page template. Permalink for this page must be searching.

7. Create empty page called for example Password Recovery (Pages → Add New) with selected Password Recovery template. Permalink for this page must be recovery.

8. Create empty page called for example Blog (Pages → Add New) with selected Blog template.

9. Go to Settings → General and check Anyone can register.

10. You can setup all widgets like on the screenshot:
Important: Each widget must contain title



11. Go to Settings -> Media and setup Thumbnail size - 90x90 and check Crop thumbnail to exact dimensions (normally thumbnails are proportional)

12. You can edit theme settings under Appearance → Theme Options.
Go to Appearance → Menus, create new menu called (for example) Main. Click on the Screen Options and select everything like on the following screenshot:



Now move some pages into Main menu.
IMPORTANT: Select Main menu as your primary navigation and SAVE

III. Contact form installation - top

Install Contact Form 7 plugin.
Copy shortcode with contact form from Contact settings page. Now create page called "Contact Us", paste shortcode with contact form and select Contact Form template under Page Attributes.


IV. Don't see some font glyphs? - top

If you have non-english website and you don't see some font chars then you have to choose font which contains more glyphs.
1. Open following file:
functions.php

Find following code line:
QuicksandBold.font.js

...and replace QuicksandBold.font.js for QuicksandBoldAll.font.js

2. Open font/font.css and replace: 
@font-face {
    font-family: 'QuicksandBook';
    src: url('Quicksand_Book.eot');
    src: url('Quicksand_Book.eot?#iefix') format('embedded-opentype'),
         url('Quicksand_Book.woff') format('woff'),
         url('Quicksand_Book.ttf') format('truetype'),
         url('Quicksand_Book.svg#QuicksandBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'QuicksandBold';
    src: url('Quicksand_Bold.eot');
    src: url('Quicksand_Bold.eot?#iefix') format('embedded-opentype'),
         url('Quicksand_Bold.woff') format('woff'),
         url('Quicksand_Bold.ttf') format('truetype'),
         url('Quicksand_Bold.svg#QuicksandBold') format('svg');
    font-weight: normal;
    font-style: normal;
}
for: 
@font-face {
    font-family: 'QuicksandBook';
    src: url('Quicksand_Book-all.eot');
    src: url('Quicksand_Book-all.eot?#iefix') format('embedded-opentype'),
         url('Quicksand_Book-all.woff') format('woff'),
         url('Quicksand_Book-all.ttf') format('truetype'),
         url('Quicksand_Book-all.svg#QuicksandBook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'QuicksandBold';
    src: url('Quicksand_Bold-all.eot');
    src: url('Quicksand_Bold-all.eot?#iefix') format('embedded-opentype'),
         url('Quicksand_Bold-all.woff') format('woff'),
         url('Quicksand_Bold-all.ttf') format('truetype'),
         url('Quicksand_Bold-all.svg#QuicksandBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

V. How to change Cufon font? - top

1. Open following website: http://cufon.shoqolate.com/generate
a. Upload a font - you can find many great fonts on www.dafont.com
b. Choose a name for converted font (for example "Tahoma")
c. Select "The EULAs of these fonts allow Web Embedding (without Adobe Flash)"
d. Choose glyphs. (Also under ".. and also these single characters" you can put only needed glyphs)
e. Select "I acknowledge and accept these terms" and download converted font.

2. Upload converted font to "wp-content/themes/OneCommunity/js/" folder
3. Open a "wp-content/themes/OneCommunity/functions.php" file and replace following code line: 
QuicksandBold.font.js
...replace for file name of your new font (for example tahoma.font.js): 
tahoma.font.js
4. In the /js/jQFunctions.js you will find following code: 
Cufon.replace('.sidebar-title, #item-header-content h2, #reply-title', { fontFamily: 'QuicksandBold' } );
Cufon.replace('.forum-post-title', { fontFamily: 'QuicksandBold', hover: { color: '#242424' } } );
You have to replace QuicksandBold keyword for your new font`s name (look at previous 1b step).

VI. Style customisation and predefined styles - top

Styling of theme is inside style.css file.
Own style you can paste into myStyle.css file for example - .tile { background-color:#cccccc; }

There are predefined styles. Paste one style listed below into myStyle.css


#wp-submit, #signup_submit, .wpcf7-submit, #post-topic-reply #submit, #new-topic-post #submit, .my-account #submit, #new-topic-button, .page-template-search-page-php #search-submit, #comment-submit { background-color:#ef9d6a; background-image: url( "images/bg-button_h.png" ); border:1px solid #f67042; }
#mytabs, #mytabs2 { background-image: url( "images/bg-tabs_h.png" ); border:1px solid #cf1400; box-shadow: inset 0px 0px 0px 1px #ff6c5e; }
#searchform-child { background:url( "images/search_h.png" ) no-repeat; }
.item-list-tabs .customStyleSelectBoxInner { background:url( "images/select2_h.png" ) no-repeat right center; }
.tile { background-color:#ff1a01; }
.tile2, #front-login-submit { background-color:#ff1a01; }
#object-nav ul li, #object-nav2 ul li { background-image: url( "images/spacer-tab_h.png" ); }
#object-nav ul li:hover, #object-nav2 ul li:hover { background:#ea1600; background-image: url( "images/spacer-tab-selected_h.gif" ); background-repeat: repeat-y; background-position:right top; }
#object-nav ul li a, #object-nav2 ul li a, #subnav ul li a { text-shadow: 1px 1px 0px #cb1400; }
#object-nav ul li.current, #object-nav2 ul li.current { background:#ea1600; background-image: url( "images/spacer-tab-selected_h.gif" ); background-repeat: repeat-y; background-position:right top; }
div.item-list-tabs ul li a span { background: #ea1600; border:1px solid #dd1500; }
div.item-list-tabs ul li.selected a span, div.item-list-tabs ul li.current a span, div.item-list-tabs ul li a:hover span { background-color: #ff311b; }
#subnav { background-image: url( "images/spacer-subnav_h.png" ); }
.page-title { text-shadow:#db130b 1px 1px 0px; background:#ff1108; background: linear-gradient(to bottom, #ff140c 0%,#ff0800 100%); border:1px solid #dd0700; box-shadow: inset 0px 0px 0px 1px #ff6c5e; }
.post-title { text-shadow:#db130b 1px 1px 0px; background:#ff1108; background: linear-gradient(to bottom, #ff140c 0%,#ff0800 100%); border:1px solid #dd0700; box-shadow: inset 0px 0px 0px 1px #ff6c5e; }
div#bbpress-forums h3 { text-shadow:#db130b 1px 1px 0px; background:#ff1108; background: linear-gradient(to bottom, #ff140c 0%,#ff0800 100%); border:1px solid #cf1400; box-shadow: none; border-top:none; }
.blog-bottom { background-image: url( "images/spacer-blog-bottom_h.gif" ); }
.blog-bottom-spacer { background-image: url( "images/spacer-post-v_h.gif" ); }
ul li.forum-lastposts .activity-content { background:#fe0013; }
ul li.forum-lastposts .activity-content:hover { background:#d10010; }
nav ul li.current-menu-item { background:#ff1a01; }
nav ul ul { border-top:3px solid #ff1a01; }
nav ul li.parent:hover { background-image: url( images/menu-arrow1_h.png ); }
nav ul li ul li.parent:hover { background-image: url( images/menu-arrow2_h.png ); }
span.activity { background:#ff1a01; }
span.activity:hover { background:#d41500; }
.comment-options .comment-reply-link, .comment-options .comment-edit-link { background:#ff1a01; }
.icon-share { background-image: url( images/icon-share_h.png ); }
.buttonCon .theButton { background: url("slider/circlebutton_h.png") no-repeat; }
.slider-more { background-color:#ff1a01; }


#wp-submit, #signup_submit, .wpcf7-submit, #post-topic-reply #submit, #new-topic-post #submit, .my-account #submit, #new-topic-button, .page-template-search-page-php #search-submit, #comment-submit { background-color:#a3a5b5; background-image: url( "images/bg-button_g.png" ); border:1px solid #9096a8;}
#mytabs, #mytabs2 { background-image: url( "images/bg-tabs_g.png" ); border:1px solid #576477; box-shadow: inset 0px 0px 0px 1px #a2acbb; }
#searchform-child { background:url( "images/search_g.png" ) no-repeat; }
.item-list-tabs .customStyleSelectBoxInner { background:url( "images/select2_g.png" ) no-repeat right center; }
.tile { background-color:#6c7c93; }
.tile2, #front-login-submit { background-color:#6c7c93; }
#object-nav ul li, #object-nav2 ul li { background-image: url( "images/spacer-tab_g.png" ); }
#object-nav ul li:hover, #object-nav2 ul li:hover { background:#637287; background-image: url( "images/spacer-tab-selected_g.gif" ); background-repeat: repeat-y; background-position:right top; }
#object-nav ul li a, #object-nav2 ul li a, #subnav ul li a { text-shadow: 1px 1px 0px #566274; }
#object-nav ul li.current, #object-nav2 ul li.current { background:#637287; background-image: url( "images/spacer-tab-selected_g.gif" ); background-repeat: repeat-y; background-position:right top; }
div.item-list-tabs ul li a span { background: #637287; border:1px solid #5d6b7f; }
div.item-list-tabs ul li.selected a span, div.item-list-tabs ul li.current a span, div.item-list-tabs ul li a:hover span { background-color: #7b899e; }
#subnav { background-image: url( "images/spacer-subnav_g.png" ); }
.page-title { text-shadow:#596573 1px 1px 0px; background:#728295; background: linear-gradient(to bottom, #748497 0%,#6e7e90 100%); border:1px solid #606e7d; box-shadow: inset 0px 0px 0px 1px #a2acbb; }
.post-title { text-shadow:#596573 1px 1px 0px; background:#728295; background: linear-gradient(to bottom, #748497 0%,#6e7e90 100%); border:1px solid #606e7d; box-shadow: inset 0px 0px 0px 1px #a2acbb; }
div#bbpress-forums h3 { text-shadow:#596573 1px 1px 0px; background:#728295; background: linear-gradient(to bottom, #748497 0%,#6e7e90 100%); border:1px solid #576477; box-shadow: none; border-top:none; }
.blog-bottom { background-image: url( "images/spacer-blog-bottom_g.gif" ); }
.blog-bottom-spacer { background-image: url( "images/spacer-post-v_g.gif" ); }
ul li.forum-lastposts .activity-content { background:#6d8291; }
ul li.forum-lastposts .activity-content:hover { background:#586a77; }
nav ul li.current-menu-item { background:#6c7c93; }
nav ul ul { border-top:3px solid #6c7c93; }
nav ul li.parent:hover { background-image: url( images/menu-arrow1_g.png ); }
nav ul li ul li.parent:hover { background-image: url( images/menu-arrow2_g.png ); }
span.activity { background:#6c7c93; }
span.activity:hover { background:#586679; }
.comment-options .comment-reply-link, .comment-options .comment-edit-link { background:#6c7c93; }
.icon-share { background-image: url( images/icon-share_g.png ); }
.buttonCon .theButton { background: url("slider/circlebutton_g.png") no-repeat; }
.slider-more { background-color:#6c7c93; }


#wp-submit, #signup_submit, .wpcf7-submit, #post-topic-reply #submit, #new-topic-post #submit, .my-account #submit, #new-topic-button, .page-template-search-page-php #search-submit, #comment-submit { background-color:#ff5a80; background-image: url( "images/bg-button_f.png" ); border:1px solid #ff3980;}
#mytabs, #mytabs2 { background-image: url( "images/bg-tabs_f.png" ); border:1px solid #cf006c; box-shadow: inset 0px 0px 0px 1px #ff5eb3; }
#searchform-child { background:url( "images/search_f.png" ) no-repeat; }
.item-list-tabs .customStyleSelectBoxInner { background:url( "images/select2_f.png" ) no-repeat right center; }
.tile { background-color:#ff0185; }
.tile2, #front-login-submit { background-color:#ff0185; }
#object-nav ul li, #object-nav2 ul li { background-image: url( "images/spacer-tab_f.png" ); }
#object-nav ul li:hover, #object-nav2 ul li:hover { background:#ea007a; background-image: url( "images/spacer-tab-selected_f.gif" ); background-repeat: repeat-y; background-position:right top; }
#object-nav ul li a, #object-nav2 ul li a, #subnav ul li a { text-shadow: 1px 1px 0px #cb0069; }
#object-nav ul li.current, #object-nav2 ul li.current { background:#ea007a; background-image: url( "images/spacer-tab-selected_f.gif" ); background-repeat: repeat-y; background-position:right top; }
div.item-list-tabs ul li a span { background: #ea007a; border:1px solid #dd0074; }
div.item-list-tabs ul li.selected a span, div.item-list-tabs ul li.current a span, div.item-list-tabs ul li a:hover span { background-color: #ff1b91; }
#subnav { background-image: url( "images/spacer-subnav_f.png" ); }
.page-title { text-shadow:#b5046b 1px 1px 0px; background:#ff0898; background: linear-gradient(to bottom, #ff0c9a 0%,#ff0095 100%); border:1px solid #dd0081; box-shadow: inset 0px 0px 0px 1px #ff5eb3; }
.post-title { text-shadow:#b5046b 1px 1px 0px; background:#ff0898; background: linear-gradient(to bottom, #ff0c9a 0%,#ff0095 100%); border:1px solid #dd0081; box-shadow: inset 0px 0px 0px 1px #ff5eb3; }
div#bbpress-forums h3 { text-shadow:#b5046b 1px 1px 0px; background:#ff0898; background: linear-gradient(to bottom, #ff0c9a 0%,#ff0095 100%); border:1px solid #cf006c; box-shadow: none; border-top:none; }
.blog-bottom { background-image: url( "images/spacer-blog-bottom_f.gif" ); }
.blog-bottom-spacer { background-image: url( "images/spacer-post-v_f.gif" ); }
ul li.forum-lastposts .activity-content { background:#db0098; }
ul li.forum-lastposts .activity-content:hover { background:#b6007e; }
nav ul li.current-menu-item { background:#ff0185; }
nav ul ul { border-top:3px solid #ff0185; }
nav ul li.parent:hover { background-image: url( images/menu-arrow1_f.png ); }
nav ul li ul li.parent:hover { background-image: url( images/menu-arrow2_f.png ); }
span.activity { background:#ff0185; }
span.activity:hover { background:#bc0062; }
.comment-options .comment-reply-link, .comment-options .comment-edit-link { background:#ff0185; }
.icon-share { background-image: url( images/icon-share_f.png ); }
.buttonCon .theButton { background: url("slider/circlebutton_f.png") no-repeat; }
.slider-more { background-color:#ff0185; }


#wp-submit, #signup_submit, .wpcf7-submit, #post-topic-reply #submit, #new-topic-post #submit, .my-account #submit, #new-topic-button, .page-template-search-page-php #search-submit, #comment-submit { background-color:#83d6b2; background-image: url( "images/bg-button_e.png" ); border:1px solid #63d494; }
#mytabs, #mytabs2 { background-image: url( "images/bg-tabs_e.png" ); border:1px solid #1cb246; box-shadow: inset 0px 0px 0px 1px #74e893; }
#searchform-child { background:url( "images/search_e.png" ) no-repeat; }
.item-list-tabs .customStyleSelectBoxInner { background:url( "images/select2_e.png" ) no-repeat right center; }
.tile { background-color:#24dc57; }
.tile2, #front-login-submit { background-color:#24dc57; }
#object-nav ul li, #object-nav2 ul li { background-image: url( "images/spacer-tab_e.png" ); }
#object-nav ul li:hover, #object-nav2 ul li:hover { background:#20c94e; background-image: url( "images/spacer-tab-selected_e.gif" ); background-repeat: repeat-y; background-position:right top; }
#object-nav ul li a, #object-nav2 ul li a, #subnav ul li a { text-shadow: 1px 1px 0px #1fac46; }
#object-nav ul li.current, #object-nav2 ul li.current { background:#20c94e; background-image: url( "images/spacer-tab-selected_e.gif" ); background-repeat: repeat-y; background-position:right top; }
div.item-list-tabs ul li a span { background: #20c94e; border:1px solid #1ebe4a; }
div.item-list-tabs ul li.selected a span, div.item-list-tabs ul li.current a span, div.item-list-tabs ul li a:hover span { background-color: #3adf68; }
#subnav { background-image: url( "images/spacer-subnav_e.png" ); }
.page-title { text-shadow:#2ab948 1px 1px 0px; background:#31d654; background: linear-gradient(to bottom, #32d955 0%,#2fcf51 100%); border:1px solid #29b346; box-shadow: inset 0px 0px 0px 1px #74e893; }
.post-title { text-shadow:#2ab948 1px 1px 0px; background:#31d654; background: linear-gradient(to bottom, #32d955 0%,#2fcf51 100%); border:1px solid #29b346; box-shadow: inset 0px 0px 0px 1px #74e893; }
div#bbpress-forums h3 { text-shadow:#2ab948 1px 1px 0px; background:#31d654; background: linear-gradient(to bottom, #32d955 0%,#2fcf51 100%); border:1px solid #1cb246; box-shadow: none; border-top:none; }
.blog-bottom { background-image: url( "images/spacer-blog-bottom_e.gif" ); }
.blog-bottom-spacer { background-image: url( "images/spacer-post-v_e.gif" ); }
ul li.forum-lastposts .activity-content { background:#25bf36; }
ul li.forum-lastposts .activity-content:hover { background:#20a02d; }
nav ul li.current-menu-item { background:#24dc57; }
nav ul ul { border-top:3px solid #24dc57; }
nav ul li.parent:hover { background-image: url( images/menu-arrow1_e.png ); }
nav ul li ul li.parent:hover { background-image: url( images/menu-arrow2_e.png ); }
span.activity { background:#24dc57; }
span.activity:hover { background:#1fb148; }
.comment-options .comment-reply-link, .comment-options .comment-edit-link { background:#24dc57; }
.icon-share { background-image: url( images/icon-share_e.png ); }
.buttonCon .theButton { background: url("slider/circlebutton_e.png") no-repeat; }
.slider-more { background-color:#24dc57; }


#wp-submit, #signup_submit, .wpcf7-submit, #post-topic-reply #submit, #new-topic-post #submit, .my-account #submit, #new-topic-button, .page-template-search-page-php #search-submit, #comment-submit { background-color:#98aac1; background-image: url( "images/bg-button_d.png" ); border:1px solid #8499b5;}
#mytabs, #mytabs2 { background-image: url( "images/bg-tabs_d.png" ); border:1px solid #4e6481; box-shadow: inset 0px 0px 0px 1px #9aabc2; }
#searchform-child { background:url( "images/search_d.png" ) no-repeat; }
.item-list-tabs .customStyleSelectBoxInner { background:url( "images/select2_d.png" ) no-repeat right center; }
.tile { background-color:#617ca0; }
.tile2, #front-login-submit { background-color:#617ca0; }
#object-nav ul li, #object-nav2 ul li { background-image: url( "images/spacer-tab_d.png" ); }
#object-nav ul li:hover, #object-nav2 ul li:hover { background:#587192; background-image: url( "images/spacer-tab-selected_d.gif" ); background-repeat: repeat-y; background-position:right top; }
#object-nav ul li a, #object-nav2 ul li a, #subnav ul li a { text-shadow: 1px 1px 0px #4c627e; }
#object-nav ul li.current, #object-nav2 ul li.current { background:#ea8b00; background-image: url( "images/spacer-tab-selected_d.gif" ); background-repeat: repeat-y; background-position:right top; }
div.item-list-tabs ul li a span { background: #ea8b00; border:1px solid #587192; }
div.item-list-tabs ul li.selected a span, div.item-list-tabs ul li.current a span, div.item-list-tabs ul li a:hover span { background-color: #7189a9; }
#subnav { background-image: url( "images/spacer-subnav_d.png" ); }
.page-title { text-shadow:#4d627e 1px 1px 0px; background:#657fa2; background: linear-gradient(to bottom, #6781a3 0%,#607b9f 100%); border:1px solid #536a89; box-shadow: inset 0px 0px 0px 1px #9aabc2; }
.post-title { box-shadow: inset 0px 0px 0px 1px #9aabc2; text-shadow:#4d627e 1px 1px 0px; background:#657fa2; background: linear-gradient(to bottom, #6781a3 0%,#607b9f 100%); border:1px solid #536a89; }
div#bbpress-forums h3 { text-shadow:#4d627e 1px 1px 0px; background:#657fa2; background: linear-gradient(to bottom, #6781a3 0%,#607b9f 100%); border:1px solid #4e6481; box-shadow: none; border-top:none; }
.blog-bottom { background-image: url( "images/spacer-blog-bottom_d.gif" ); }
.blog-bottom-spacer { background-image: url( "images/spacer-post-v_d.gif" ); }
ul li.forum-lastposts .activity-content { background:#607b9f; }
ul li.forum-lastposts .activity-content:hover { background:#4f6685; }
nav ul li.current-menu-item { background:#617ca0; }
nav ul ul { border-top:3px solid #617ca0; }
nav ul li.parent:hover { background-image: url( images/menu-arrow1_d.png ); }
nav ul li ul li.parent:hover { background-image: url( images/menu-arrow2_d.png ); }
span.activity { background:#617ca0; }
span.activity:hover { background:#516988; }
.comment-options .comment-reply-link, .comment-options .comment-edit-link { background:#617ca0; }
.icon-share { background-image: url( images/icon-share_d.png ); }
.buttonCon .theButton { background: url("slider/circlebutton_d.png") no-repeat; }
.slider-more { background-color:#617ca0; }


#wp-submit, #signup_submit, .wpcf7-submit, #post-topic-reply #submit, #new-topic-post #submit, .my-account #submit, #new-topic-button, .page-template-search-page-php #search-submit, #comment-submit { background-color:#5afffc; background-image: url( "images/bg-button_c.png" ); border:1px solid #39ffe2;}
#mytabs, #mytabs2 { background-image: url( "images/bg-tabs_c.png" ); border:1px solid #00cf90; box-shadow: inset 0px 0px 0px 1px #5effcd; }
#searchform-child { background:url( "images/search_c.png" ) no-repeat; }
.item-list-tabs .customStyleSelectBoxInner { background:url( "images/select2_c.png" ) no-repeat right center; }
.tile { background-color:#01ffb2; }
.tile2, #front-login-submit { background-color:#01ffb2; }
#object-nav ul li, #object-nav2 ul li { background-image: url( "images/spacer-tab_c.png" ); }
#object-nav ul li:hover, #object-nav2 ul li:hover { background:#00eaa2; background-image: url( "images/spacer-tab-selected_c.png" ); background-repeat: repeat-y; background-position:right top; }
#object-nav ul li a, #object-nav2 ul li a, #subnav ul li a { text-shadow: 1px 1px 0px #00cb8d; }
#object-nav ul li.current, #object-nav2 ul li.current { background:#00eaa2; background-image: url( "images/spacer-tab-selected_c.gif" ); background-repeat: repeat-y; background-position:right top; }
div.item-list-tabs ul li a span { background: #00eaa2; border:1px solid #00dd99; }
div.item-list-tabs ul li.selected a span, div.item-list-tabs ul li.current a span, div.item-list-tabs ul li a:hover span { background-color: #1bffba; }
#subnav { background-image: url( "images/spacer-subnav_c.png" ); }
.page-title { text-shadow:#7b7b7b 1px 1px 0px; background:#08ffa4; background: linear-gradient(to bottom, #0cffa5 0%,#00ffa0 100%); border:1px solid #00dd8b; box-shadow: inset 0px 0px 0px 1px #5effcd; }
.post-title { box-shadow: inset 0px 0px 0px 1px #5effcd; text-shadow:#7b7b7b 1px 1px 0px; background:#08ffa4; background: linear-gradient(to bottom, #0cffa5 0%,#00ffa0 100%); border:1px solid #00dd8b; }
div#bbpress-forums h3 { text-shadow:#7b7b7b 1px 1px 0px; background:#08ffa4; background: linear-gradient(to bottom, #0cffa5 0%,#00ffa0 100%); border:1px solid #00cf90; box-shadow: none; border-top:none; }
.blog-bottom { background-image: url( "images/spacer-blog-bottom_c.gif" ); }
.blog-bottom-spacer { background-image: url( "images/spacer-post-v_c.gif" ); }
ul li.forum-lastposts .activity-content { background:#00cd6b; }
ul li.forum-lastposts .activity-content:hover { background:#00b760; }
nav ul li.current-menu-item { background:#01ffb2; }
nav ul ul { border-top:3px solid #01ffb2; }
nav ul li.parent:hover { background-image: url( images/menu-arrow1_c.png ); }
nav ul li ul li.parent:hover { background-image: url( images/menu-arrow2_c.png ); }
span.activity { background:#01ffb2; }
span.activity:hover { background:#00ca8d; }
.comment-options .comment-reply-link, .comment-options .comment-edit-link { background:#01ffb2; }
.icon-share { background-image: url( images/icon-share_c.png ); }
.buttonCon .theButton { background: url("slider/circlebutton_c.png") no-repeat; }
.slider-more { background-color:#01ffb2; }


#wp-submit, #signup_submit, .wpcf7-submit, #post-topic-reply #submit, #new-topic-post #submit, .my-account #submit, #new-topic-button, .page-template-search-page-php #search-submit, #comment-submit { background-color:#5a6dff; background-image: url( "images/bg-button_b.png" ); border:1px solid #3969ff; }
#mytabs, #mytabs2 { background-image: url( "images/bg-tabs_b.png" ); border:1px solid #0053cf; box-shadow: inset 0px 0px 0px 1px #5ea0ff; }
#searchform-child { background:url( "images/search_b.png" ) no-repeat; }
.item-list-tabs .customStyleSelectBoxInner { background:url( "images/select2_b.png" ) no-repeat right center; }
.tile { background-color:#0167ff; }
.tile2, #front-login-submit { background-color:#0167ff; }
#object-nav ul li, #object-nav2 ul li { background-image: url( "images/spacer-tab_b.png" ); }
#object-nav ul li:hover, #object-nav2 ul li:hover { background:#005fea; background-image: url( "images/spacer-tab-selected_b.gif" ); background-repeat: repeat-y; background-position:right top; }
#object-nav ul li a, #object-nav2 ul li a, #subnav ul li a { text-shadow: 1px 1px 0px #0052cb; }
#object-nav ul li.current, #object-nav2 ul li.current { background:#005fea; background-image: url( "images/spacer-tab-selected_b.gif" ); background-repeat: repeat-y; background-position:right top; }
div.item-list-tabs ul li a span { background: #005fea; border:1px solid #005add; }
div.item-list-tabs ul li.selected a span, div.item-list-tabs ul li.current a span, div.item-list-tabs ul li a:hover span { background-color: #1b78ff; }
#subnav { background-image: url( "images/spacer-subnav_b.png" ); }
#subnav ul li a { text-shadow:#0052cb 1px 1px 0px; }
.page-title { text-shadow:#0069df 1px 1px 0px; background:#087bff; background: linear-gradient(to bottom, #0c7eff 0%,#0078ff 100%); border:1px solid #0068dd; box-shadow: inset 0px 0px 0px 1px #5ea0ff; }
.post-title { box-shadow: inset 0px 0px 0px 1px #5ea0ff; text-shadow:#0069df 1px 1px 0px; background:#087bff; background: linear-gradient(to bottom, #0c7eff 0%,#0078ff 100%); border:1px solid #0068dd; }
div#bbpress-forums h3 { text-shadow:#0069df 1px 1px 0px; background:#087bff; background: linear-gradient(to bottom, #0c7eff 0%,#0078ff 100%); border:1px solid #0053cf; box-shadow: none; border-top:none; }
.blog-bottom { background-image: url( "images/spacer-blog-bottom_b.gif" ); }
.blog-bottom-spacer { background-image: url( "images/spacer-post-v_b.gif" ); }
ul li.forum-lastposts .activity-content { background:#0092fe; }
ul li.forum-lastposts .activity-content:hover { background:#0088ec; }
nav ul li.parent:hover { background-image: url( images/menu-arrow1_b.png ); }
nav ul li ul li.parent:hover { background-image: url( images/menu-arrow2_b.png ); }
nav ul li.current-menu-item { background:#0167ff; }
nav ul ul { border-top:3px solid #0167ff; }
span.activity { background:#0167ff; }
span.activity:hover { background:#0088ec; }
.comment-options .comment-reply-link, .comment-options .comment-edit-link { background:#0167ff; }
.icon-share { background-image: url( images/icon-share_b.png ); }
.buttonCon .theButton { background: url("slider/circlebutton_b.png") no-repeat; }
.slider-more { background-color:#0167ff; }


#wp-submit, #signup_submit, .wpcf7-submit, #post-topic-reply #submit, #new-topic-post #submit, .my-account #submit, #new-topic-button, .page-template-search-page-php #search-submit, #comment-submit { background-color:#e6d973; background-image: url( "images/bg-button_a.png" ); text-shadow: 1px 1px 0px #ffffff; border:1px solid #39bbff;}
#mytabs, #mytabs2 { background-image: url( "images/bg-tabs_a.png" ); border:1px solid #00a9cf; box-shadow: inset 0px 0px 0px 1px #5ee3ff; }
#searchform-child { background:url( "images/search_a.png" ) no-repeat; }
.item-list-tabs .customStyleSelectBoxInner { background:url( "images/select2_a.png" ) no-repeat right center; }
.tile { background-color:#01d0ff; }
.tile2, #front-login-submit { background-color:#01d0ff; }
#object-nav ul li, #object-nav2 ul li { background-image: url( "images/spacer-tab_a.png" ); }
#object-nav ul li:hover, #object-nav2 ul li:hover { background:#00c0ea; background-image: url( "images/spacer-tab-selected_a.gif" ); background-repeat: repeat-y; background-position:right top; }
#object-nav ul li a, #object-nav2 ul li a, #subnav ul li a { text-shadow: 1px 1px 0px #00a6cb; }
#object-nav ul li.current, #object-nav2 ul li.current { background:#00c0ea; background-image: url( "images/spacer-tab-selected_a.gif" ); background-repeat: repeat-y; background-position:right top; }
div.item-list-tabs ul li a span { background: #00c0ea; border:1px solid #00b5dd; }
div.item-list-tabs ul li.selected a span, div.item-list-tabs ul li.current a span, div.item-list-tabs ul li a:hover span { background-color: #1bd5ff; }
#subnav { background-image: url( "images/spacer-subnav_a.png" ); }
#subnav ul li a { text-shadow:#00a6cb 1px 1px 0px; }
.page-title { text-shadow:#7b7b7b 1px 1px 0px; background:#08e1ff; background: linear-gradient(to bottom, #0ce3ff 0%,#00e1ff 100%); border:1px solid #00c3dd; box-shadow: inset 0px 0px 0px 1px #5ee3ff; }
.post-title { box-shadow: inset 0px 0px 0px 1px #5ee3ff; text-shadow:#7b7b7b 1px 1px 0px; background:#08e1ff; background: linear-gradient(to bottom, #0ce3ff 0%,#00e1ff 100%); border:1px solid #00c3dd; }
div#bbpress-forums h3 { text-shadow:#7b7b7b 1px 1px 0px; background:#08e1ff; background: linear-gradient(to bottom, #0ce3ff 0%,#00e1ff 100%); border:1px solid #00a9cf; box-shadow: none; border-top:none; }
.blog-bottom { background-image: url( "images/spacer-blog-bottom_a.gif" ); }
.blog-bottom-spacer { background-image: url( "images/spacer-post-v_a.gif" ); }
ul li.forum-lastposts .activity-content { background:#00d7da; }
ul li.forum-lastposts .activity-content:hover { background:#00c5c7; }
nav ul li.parent:hover { background-image: url( images/menu-arrow1_a.png ); }
nav ul li ul li.parent:hover { background-image: url( images/menu-arrow2_a.png ); }
nav ul li.current-menu-item { background:#00caf6; }
nav ul ul { border-top:3px solid #f69200; }
span.activity { background:#00d7da; }
span.activity:hover { background:#00c5c7; }
.comment-options .comment-reply-link, .comment-options .comment-edit-link { background:#00d7da; }
.icon-share { background-image: url( images/icon-share_a.png ); }
.buttonCon .theButton { background: url("slider/circlebutton_a.png") no-repeat; }
.slider-more { background-color:#01d0ff; }
Where I can change logo position: 
#logo { margin-top:40px; ... }
Where I can change tile background color? 
.tile { ... background-color:#ff9801; ... }
.tile:hover { background:#5d6da2; background: linear-gradient(135deg, #5d6da2 0%,#5d6da2 50%,#546394 50%,#546394 100%); }
Where I can change button style? 
#wp-submit, #signup_submit, a.more-link, .wpcf7-submit, #post-topic-reply #submit, #new-topic-post #submit, .my-account #submit, #new-topic-button, .page-template-search-page-php #search-submit, #comment-submit  { background-color:#e6d973; background-image: url( "images/bg-button.png" ); ... padding:10px 16px 10px 16px; text-shadow: 1px 1px 0px #ffffff; border:1px solid #eac44e; font-size:18px; border-radius:5px; font-family: QuicksandBold; color:#000000; transition: all 300ms ease-in; }
Where I can change Log In background on the frontpage? 
#right-login { ... background:#d98100; ... }
Where I can change button color on the Log In form (on the frontpage)? 
#front-login-submit { background:#ff9801; ... }
Where I can change the background color of an active menu item? 
nav ul li.current-menu-item { background:#f69200; ... }
Where I can change style of tabs?
#mytabs { background-image: url( "images/bg-tabs.png" ); ... border:1px solid #cf7b00; box-shadow: inset 0px 0px 0px 1px #ffbd5e; }
#object-nav ul li { padding:5px 10px; ... background-image: url( "images/spacer-tab.gif" ); ... }
#object-nav ul li:hover { background:#ea8b00; background-image: url( "images/spacer-tab-selected.gif" ); ... }
#object-nav ul li a { color:#ffffff; font:16px QuicksandBold; text-shadow: 1px 1px 0px #c77804; }
#object-nav ul li.current { background:#ea8b00; background-image: url( "images/spacer-tab-selected.gif" ); ... }
#subnav { padding:0 10px; background-image: url( "images/spacer-subnav.gif" ); ... }
#subnav ul li { padding-top:4px; padding-bottom:4px; }
#subnav ul li a { color:#ffffff; font:13px Open Sans!important; text-shadow:#c77804 1px 1px 0px; }
Where I can change style of the big page title? 
.page-title { font:65px QuicksandBook; ... color:#ffffff; text-shadow:#7b7b7b 1px 1px 0px; background:#f68b11; background: linear-gradient(to bottom, #f98c12 0%,#ee8611 100%); border:1px solid #ce740f; box-shadow: inset 0px 0px 0px 1px #ffbd5e; }
Where I can change style of blog title? 
.post-title { ... box-shadow: inset 0px 0px 0px 1px #ffbd5e; ... color:#ffffff; text-shadow:#7b7b7b 1px 1px 0px; background:#f68b11; background: linear-gradient(to bottom, #f98c12 0%,#ee8611 100%); border:1px solid #ce740f; }
.post-title a { color:#ffffff; font:46px QuicksandBook; }
Where I can change style of "On the Forums"? 
ul li.forum-lastposts .activity-content { ... color:#ffffff; ... background:#f66d08; ... }
ul li.forum-lastposts .activity-content:hover { background:#c75400; }
Where I can change default avatar on the header? 
wp-content/themes/OneCommunity/images/avatar.gif
Where I can change style of "Hello!" message? 
#frontpage-info-big { font:200px QuicksandBook; color:#0f0f0f; ... }
#frontpage-info { font:26px QuicksandBook; line-height:1.3em; ... color:#262626; ... }
Where I can change styling of shortcodes? 
4.2 - Shortcodes section is in the style.css
Where I can change styling of the OnebyOne slider? 
slider/onebyone.css
Where I can OnebyOne slider for Frontpage 3 template? 
It's a static text in the frontpage3.php

VII. Shortcodes - top

Here is the list of all shortcodes: 
[highlight]Praesent bibendum, libero faucibus vehicula vulputate.[/highlight]


[go href="http://code.google.com"]Take a look on it![/go]


[leftpullquote]Sed sagittis, justo quis sollicitudin viverra...[/leftpullquote]
[rightpullquote]Sed sagittis, justo quis sollicitudin viverra...[/rightpullquote]


[quote]Donec fringilla, urna sit amet euismod congue, turpis lectus accumsan erat, eget luctus tellus ante at leo. Donec vitae nisl vitae eros tincidunt faucibus sit amet vel eros.[/quote]
[quoteby by="Nicole said:"]Donec fringilla, urna sit amet euismod congue.[/quoteby]


[notice]Aenean molestie pharetra facilisis. Duis sem quam, hendrerit nec commodo quis, cursus eget elit.[/notice]


[h1]Heading 1[/h1]
[h2]Heading 2[/h2]
[h3]Heading 3[/h3]
[h4]Heading 4[/h4]
[h5]Heading 5[/h5]
[h6]Heading 6[/h6]


[img]http://www.demo1.diaboliquedesign.com/3/shortcode-image.jpg[/img]
[img]http://www.demo1.diaboliquedesign.com/3/shortcode-image.jpg[/img]
[img]http://www.demo1.diaboliquedesign.com/3/shortcode-image.jpg[/img]
[clear]


[member]You are a member so you can see this message.[/member]


[h6]2 columns[/h6]
[one_half]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_half]
[one_half_last]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_half_last]



[h6]3 columns[/h6]
[one_third]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_third]
[one_third]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_third]
[one_third_last]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_third_last]



[h6]4 columns[/h6]
[one_fourth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_fourth]
[one_fourth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_fourth]
[one_fourth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_fourth]
[one_fourth_last]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_fourth_last]



[h6]5 columns[/h6]
[one_fifth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_fifth]
[one_fifth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_fifth]
[one_fifth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_fifth]
[one_fifth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_fifth]
[one_fifth_last]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_fifth_last]



[h6]6 columns[/h6]
[one_sixth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_sixth]
[one_sixth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_sixth]
[one_sixth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_sixth]
[one_sixth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_sixth]
[one_sixth]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_sixth]
[one_sixth_last]
	Vivamus ut lectus vitae sapien bibendum mollis. Nam ac risus in urna accumsan ornare nec a sapien.
[/one_sixth_last]


VIII. How to add subtitle and thumbnail caption to blog post? - top

While creating post click on Screen Options, select Custom Fields and Add New Custom Field called subtitle


If you want do add short text below thumbnail then while adding thumbnail put some text into Caption field.

Once again, thank you so much for purchasing this theme. If you have a more general question relating to the themes on ThemeForest, you might consider visiting the forums and asking your question in the "Item Discussion" section.

Diabolique Design

Go To Table of Contents