bbPress

  • Add Register Button in bbPress Login Form

    ·

    Add a Register Button inside the default bbPress Login Form using a single line of code. No plugin necessary.

    Edit: /wbxpress.net/wp-content/plugins/bbpress/templates/default/bbpress/form-user-login.php

    Add the following code below this line:-

    <div class="bbp-submit-wrapper">
    <a href="https://wbxpress.net/wp-login.php?action=register" class="button">Register</a>

    To add inline style:-

    <button class="button"><a href="https://wbxpress.net/wp-login.php?action=register" style="color:#fff;text-decoration:none;">Register</a></button>
  • If you are using any Caching plugin then you should not cache the forums part.

    We use Cache Enabler, the very simple caching plugin. You can exclude forums, topics etc. of bbPress using the following regex.

    /^\/(forums\/|topics\/.*|forum\/.*|topic\/.*)$/
    

  • How to Increase Font Size of bbPress

    ·

    Add the following code snippet in your theme style.css

    /* bbpress specific styling */
    
    #bbpress-forums,
    #bbpress-forums ul.bbp-forums,
    #bbpress-forums ul.bbp-lead-topic,
    #bbpress-forums ul.bbp-replies,
    #bbpress-forums ul.bbp-search-results,
    #bbpress-forums ul.bbp-topics,
    div.bbp-template-notice li,
    div.bbp-template-notice p,
    div.bbp-breadcrumb,
    div.bbp-topic-tags {
    	font-size: .9rem;
    	line-height: 1.5;
    }
    
    #bbpress-forums .bbp-forum-info .bbp-forum-content,
    #bbpress-forums p.bbp-topic-meta,
    span.bbp-admin-links a {
    	font-size: .9rem;
    }
    
  • bbPress Styling Guide for Genesis theme

    ·

    bbPress is forum wordpress plugin which is used for creating a forum in a wordpress site. After installation of this plugin in a wordpress site it simply works. But there is no option in the plugin to adjust style. For this you need to manually edit bbpress.css file. Here is the process to adjust styling of bbpress plugin.

    1. Install “bbPress Genesis Extend” plugin and Activate.

    This will fix some style related issues that arise with bbPress and genesis theme integration.

    2. Copy bbPress.css file to theme css folder.

    Copy the bbPress.css file to your theme css folder. The full path would be:

    copy /wp-content/plugins/bbpress/templates/default/css/bbpress.css to /wp-content/themes/yourtheme/css/bbpress.css

    3. Make changes to the copied bbpress.css file as follows:

    Replace all occurrences of:

    font-size: 16px; to font-size: 22px;

    font-size: 13px; to font-size: 20px;

    font-size: 12px; to font-size: 18px;

    font-size: 11px; to font-size: 16px;

    font-size: 10px; to font-size: 14px;

    For further reading check: bbPress Styling Crib