Skip to:
Content
Pages
Categories
Search
Top
Bottom

Custom CSS for Groups

  • Avatar of Jhoward1082
    jhoward1082
    Member

    @jhoward1082

    Hello, was wondering if someone could help me out. I want to modify the CSS for the Group page. Optimally I would like to be able to create and select a different theme for the groups but at the moment it seems that is not possible since the groups inherit the profile theme. Is there a way I can call a separate style.css file for the groups, as I want to do some pretty extensive changes? Thanks!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Look at/into bp-groups/bp-groups-cssjs.php.

    Avatar of Jhoward1082
    jhoward1082
    Member

    @jhoward1082

    Thank you for the direction. I am still quite a newbie at this. I have hacked together what I think a potential solution would be. The problem is, I believe it is loading my “new” style sheet but also the old style sheet as well still which is obviously causing problems. Would someone mind taking a look at my code and tell me how off I am? Thanks again

    I am editing the bp-groups-cssjs.php file and again I am quite new at this and my potential solution may be totally wrong.

    <?php

    /**************************************************************************

    groups_add_js()

    Inserts the Javascript needed for managing groups.

    **************************************************************************/

    function groups_add_js() {

    global $bp;

    if ( $bp == $bp )

    wp_enqueue_script( ‘bp-groups-js’, site_url() . ‘/wp-content/mu-plugins/bp-groups/js/general.js’ );

    }

    add_action( ‘template_redirect’, ‘groups_add_js’ );

    function groups_add_css() {

    global $bp;

    if ( $bp == $bp )

    wp_enqueue_style( ‘groups’, site_url() . ‘/wp-content/mu-plugins/bp-groups/css/style2.css’ );

    wp_print_styles();

    }

    add_action( ‘template_redirect’, ‘groups_add_css’ );

    function groups_add_cropper_js() {

    global $create_group_step;

    if ( $create_group_step == ‘3’ ) {

    wp_enqueue_script(‘jquery’);

    wp_enqueue_script(‘prototype’);

    wp_enqueue_script(‘scriptaculous-root’);

    wp_enqueue_script(‘cropper’);

    add_action( ‘wp_head’, ‘bp_core_add_cropper_js’ );

    }

    }

    add_action( ‘template_redirect’, ‘groups_add_cropper_js’ );

    ?>

    Check the head of the outputed page and see if your style sheet is before the buddypress one. If it is, the buddypress one will override yours. If yours comes after it will override the buddypress one.

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Custom CSS for Groups’ is closed to new replies.