YOOtheme Pro is here! The best WordPress and Joomla theme. Learn more

Integrate BuddyPress

Our themes can easily be used with the popular WordPress Plugin BuddyPress. To combine these two in a beautiful manner and adjust the default look to your own needs you just have to follow these easy steps.

Install BuddyPress

In your WordPress backend, go to your plugin section, search for BuddyPress and install it. After activation of the plugin you have to go through some setup steps.

In the last setup step you are asked to install the BuddyPress template pack. This is essential, so please install it as well.

BuddyPress Compatibility Setup

After finishing the installation a notification will pop up in the administration area. A click on the BP compatibility link leads you to a simple process that copies some BuddyPress files in your theme directory.

All steps should work by simply clicking the according Continue button. For detailed information on this process please have a look at the official BuddyPress guide.

Make your own adjustments

BuddyPress is now installed and ready to be used in your theme. Depending on the installed BuddyPress version and your chosen theme you might still have some visual adjustment work to do. Since you would like your social community to be unique you may want to change a lot of the default styling anyway. Experience shows that the default BuddyPress style works best with bright variations of one of our themes.

As a start we have prepared some CSS for you that applies some margin, padding and float corrections to the default BuddyPress styles. This can be put in your theme's css/extensions.css. However, for update safety we always recommend creating your own style.

#sidebar {
    display: none;

ul#activity-stream, .item-list-tabs ul, .padder ul {
    list-style: none;
    padding: 0;

.activity-inner p, .activity-header p {
    margin: 0;
    padding: 0;

.padder .clear {
    clear: left;

.padder table tr td, .padder table tr th {
    padding: 8px;
    vertical-align: middle;

.padder div.item-list-tabs#subnav {

Documentation on Github

Help us out! If you are feeling that our documentation has errors or can be improved, fork it at Github and send us a pull request. Any contribution is much appreciated. Thank you!