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.

How to change Open Sans font?

Open functions.php and change following code lines:

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

You can find new fonts here – https://www.google.com/fonts

If you want to change font for Source Sans Pro then replace:

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


wp_register_style('SourceSansPro', 'http://fonts.googleapis.com/css?family=Source+Sans+Pro');
 wp_enqueue_style( 'SourceSansPro')

Open style.css, css/bbpress.css, css/onebyone.css and replace Open Sans for Source Sans Pro

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() ?>

How to create a child theme?

Create following folder here:

with following folders and files
style.css (it contains your style only)

Open style.css and paste following code:

Theme Name: Cinematix Child Theme
Tags: buddypress
Template: Cinematix

/* Inherit the default theme styles */
@import url( ../Cinematix/style.css );

Open wp-content/themes/cinematix-child/functions.php and remove whole code.

Instead of create a child theme you can just paste own style into the myStyle.css file.

I have many tabs on the user page. How to decrease space between each tab?

Add following style to the myStyle.css:

.bp-user #object-nav ul li { padding:14px 2px; }

For groups pages it will be:

.single-item.groups #object-nav ul li { padding:14px 2px; }

You should make changes in css/responsive.css file too.

How can I make the slide at the home page auto rotate?

Open js/jQFunctions.js and paste:

showButton: true,


slideShow: true,

How to add menu item with Log In/Log Out button on the header?

Open header.php and paste it:

<a class="tile tile-login" href="<?php echo home_url(); ?>/login"><span class="tile-title">Log In</span></a>
<a class="tile tile-logout" href="<?php echo wp_logout_url(); ?>"><span class="tile-title">Log Out</span></a>


<a class="tile tile-activity" href="<?php echo home_url(); ?>/<?php _e('activity', 'Cinematix'); ?>"><span class="tile-title"><?php _e('ACTIVITY', 'Cinematix'); ?></span></a>

Now open myStyle.css and paste it:

.tile-logout  { display:none; }
body.logged-in .tile-login { display:none; }
header .tile-login { background-image: url( "images/tile-login.png" ); background-position: center 18px; background-repeat: no-repeat; }
header .tile-logout { background-image: url( "images/tile-logout.png" ); background-position: center 18px; background-repeat: no-repeat; }

You can use this icon as a login/logout button – http://demo1.diaboliquedesign.com/5/tile-login.png

How to make full width page with single blog post and posts archive?

Open archive.php and remove it:

<div id="sidebar">
<div id="sidebar-spacer" />
    <?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('sidebar-blog')) : ?><?php endif; ?>
</div><!--sidebar ends-->

Open single.php and remove it:

<div id="sidebar">
<div id="sidebar-spacer" />
    <?php if (function_exists('dynamic_sidebar') && dynamic_sidebar('sidebar-single')) : ?><?php endif; ?>
</div><!--sidebar ends-->

Open style.css and replace:

.page-template-blog-full-php #container
.page-template-blog-full-php #content


.page-template-blog-full-php #container, body.single-post #container, body.archive #container
.page-template-blog-full-php #content, body.single-post #content, body.archive #content

Open css/responsive.css and replace:

.page-template-blog-full-php #content


.page-template-blog-full-php #content, body.single-post #content, body.archive #content

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 Cinematix folder to ZIP format and upload. Inside the Help folder you’ll find a documentation – make a double click on the index.html.

I’ve purchased a LayerSlider plugin – where do I paste the Shortlink to activate it within this theme?

Open frontpage1.php, remove it http://pastebin.com/LkRT9Dqs and paste code with your slider.

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