Diabolique supports this item


Popular questions for this item

Missing style sheet error when installing the theme

A common issue that can occur with users new to installing WordPress themes is a "Broken theme and/or stylesheets missing” error message being displayed when trying to upload or activate the theme. This error message does not mean that the theme you have purchased is broken, it simply means it has been uploaded incorrectly. Luckily, there is a very easy fix.

I have many tabs and it looks like there is not enough space for it.

You can replace font which takes less space, decrease horizontal padding of each tab.

Paste following style into style.css:
#object-nav ul li { padding:5px 4px!important; }
#object-nav ul li a { font:13px Open Sans!important; font-weight:bold; }
If you want to change tabs spacing on the user page only than paste following style:
.bp-user #object-nav ul li { padding:5px 4px!important; }
.bp-user #object-nav ul li a { font:13px Open Sans!important; font-weight:bold; }

I installed WooCommerce and the sidebar is displayed below products.

Add following code into theme’s functions.php:

remove_action( 'woocommerce_before_main_content', 'woocommerce_output_content_wrapper', 10);
remove_action( 'woocommerce_after_main_content', 'woocommerce_output_content_wrapper_end', 10);
add_action('woocommerce_before_main_content', create_function('', 'echo "<div id="\" content="">";'), 10);
add_action('woocommerce_after_main_content', create_function('', 'echo "</div>";'), 10);
remove_action( 'woocommerce_before_main_content',
    'woocommerce_breadcrumb', 20, 0);

When I go to the single group page then it redirects me to the group’s forum (groups/music/forum/). I want to be redirected to the Home of the single group (groups/music). How to do it?

Open following files:

... and replace (few times):

<?php bp_group_permalink() ?>forum


<?php bp_group_permalink() ?>

An example of the frontpage1.php page – http://pastebin.com/MAF3cqgL and groups/groups-loop.php – http://pastebin.com/EvBsYTH0

How to replace OpenSans font?

Open functions.php and replace source of font here:
wp_register_style('OpenSans', 'http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic');
wp_enqueue_style( 'OpenSans');

You can use fonts from google – http://www.google.com/webfonts

If you want to replace Open Sans for Yanone Kaffeesatz font then replace

wp_register_style('OpenSans', 'http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic');
wp_enqueue_style( 'OpenSans');


wp_register_style('Yanone', 'http://fonts.googleapis.com/css?family=Yanone+Kaffeesatz');
wp_enqueue_style( 'Yanone');

Now open style.css and replace “Open Sans” for “Yanone Kaffeesatz”.

How to replace Quicksand font for Bebas Neue?

Go here – http://www.fontsquirrel.com/fonts/bebas-neue Click on @font-face Kit and download @font-face Kit.

Now unpack downloaded zip file and upload following files to wp-content/themes/OneCommunity/font/:


Open wp-content/themes/OneCommunity/font/font.css remove everything and paste style from stylesheet.css (this style is in the downloaded file from fontsquirrel.com).

Open style.css and replace

On my home page some of the group names are long and cause the grid of groups to come out of alignment. How to fix it?

Add following style to the style.css:

.group-box-title { width:170px; height:20px; overflow:hidden; }

How to change size of group thumbnails?

Open style.css and modify following parameters:

.page-template-frontpage1-php a.group-box-image img, .page-template-frontpage2-php a.group-box-image img, .page-template-frontpage3-php a.group-box-image img { width:185px; height:125px; }
a.group-box-image img { width:185px; height:125px; }
.single-group-box-image-container { width:175px; height:125px; }
.single-group-box-image-container img { width:175px; height:125px; } 
You can change crop size for thumbnails in the functions.php:
define( 'BP_AVATAR_FULL_WIDTH', '185');
define( 'BP_AVATAR_FULL_HEIGHT', '125' );

I have trouble installing this theme.

If you see following error:

    Unpacking the package…
    Installing the theme…
    The package could not be installed. The theme is missing the style.css stylesheet.
    Theme install failed.

then you are trying to upload whole file downloaded from ThemeForest. You have to unzip downloaded file -> compress OneCommunity folder to ZIP format and upload. Inside the Help folder you’ll find a documentation – make a double click on the index.html.

I see this error “Fatal error: Call to undefined function bp_is_active() ...”

You have to activate BuddyPress plugin.

How to add pagination to the groups page?

Open group/groups-loop.php and paste following code – http://pastebin.com/qsAngbfz


<?php endwhile; ?>
---paste here---

You have to paste it in 4 places.

You can decrease per_page=500 too – number of groups per page.

Is there any way to make the banners on Frontpage 2 auto rotate?

Open js/jQFunctions.js and paste:

showButton: true,


slideShow: true,

How to remove @font-face fonts?

Open functions.php and remove following code lines:
wp_register_style( 'font', get_template_directory_uri() . '/font/font.css', array(), bp_get_version() );
function load_fonts() {
           wp_register_style('OpenSans', 'http://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic');
            wp_enqueue_style( 'OpenSans');

 add_action('wp_print_styles', 'load_fonts');

How to change sizes of metro tiles with posts on the Frontpage 4?

Open functions.php and change crop size:

    add_image_size( 'tile-1', 240, 290, true );
    add_image_size( 'tile-2', 420, 290, true );
    add_image_size( 'tile-4', 195, 125, true );
    add_image_size( 'tile-5', 240, 200, true );
    add_image_size( 'tile-7', 420, 200, true );
    add_image_size( 'tile-8', 195, 200, true );

Now open style.css and change size of each tile:

#metro .tile1, #metro .tile1 img { height:290px; width:240px; }
#metro .tile2, tile2 img { height:290px; width:420px; }
#metro .tile3, tile3 img { height:290px; width:240px; }
#metro .tile4 { ... width:195px; ... }
#metro .tile4a { width:195px; height:125px; ... }
#metro .tile4a img { width:195px; height:125px; }
#metro .tile4b, .tile4b img { width:195px; height:125px; }
#metro .tile5, #metro .tile5 img { height:200px; width:240px; }
#metro .tile6, #metro .tile6 img { height:200px; width:240px; }
#metro .tile7, #metro .tile7 img { height:200px; width:420px; }
#metro .tile8, #metro .tile8 img { height:200px; width:195px; ... }

Do the same thing inside css/responsive.css file.

If you want to have only 1 size for all tiles then remove it from functions.php:

    add_image_size( 'tile-2', 420, 290, true );
    add_image_size( 'tile-4', 195, 125, true );
    add_image_size( 'tile-5', 240, 200, true );
    add_image_size( 'tile-7', 420, 200, true );
    add_image_size( 'tile-8', 195, 200, true );

and replece tile-2, tile-3, tile-4 … for tile-1

How to changethe background of frontpage with image background?

Upload your image into images folder of theme and paste folowing code in myStyle.css:

body { background-image: url( "images/image.jpg" ); background-position: top center; background-repeat: no-repeat; }

Show more

Contact the author

This author will respond to buyers' questions and provides limited support through their own support system.

Item support includes:

  • Availability of the author to answer questions
  • Answering technical questions about item’s features
  • Assistance with reported bugs and issues
  • Help with included 3rd party assets

However, item support does not include:

  • Customization services
  • Installation services

View the item support policy