Radu

[Radu]

Hi,

Use this css to hide the round status bubble from member profile page

COPY CODE

.kleo-online-status {
    display: none !important;
}

The css will be added to wp-admin -> theme options -> General settings -> Quick CSS

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Not marked as solution

[Radu]

Ok Just add this code to wp-admin -> theme options -> Quick Javascript

COPY CODE

            $( document ).ready(function() {

                /* Close sidemenu and second menu when clicking outside only on mobile XS */
                $(document).click(function (event) {
                    if (!$(event.target).closest('.second-menu').length && $('body').hasClass('device-xs')) {
                        $("body").removeClass("sidemenu-is-open second-menu-is-open");
                    }
                });
            });

Let me know
Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Not marked as solution

[Radu]

Hi,

For the issue with bulk delete messages i remember that we had fixed that in some updates in the past. So make sure to update the theme.

You can hide that in directory using this css

COPY CODE

form#members-directory-form  .item-list-tabs {
    display: none;
}

CHeers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Not marked as solution

[Radu]

Hi,

Not sure why to do that, just set all fonts at once a non-google font and they are no mor calling google as my in screenshot.

As alternative you can uset his code

COPY CODE

/* Deqeue the google fonts */
function sq7r_deque_kleo_gogole_fonts() {
    if( function_exists('bp_is_active') && !bp_is_members_component()) {
        wp_deregister_style('kleo-google-fonts', $google_link, array(), '', 'all' );
        wp_dequeue_style('kleo-google-fonts');
    }
}
add_action('wp_enqueue_scripts', 'sq7r_deque_kleo_gogole_fonts',999);

Add it to wp-content/themes/kleo-child/functions.php

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solution

[Radu]

Hi,

Add this code in to functions.php from child theme

COPY CODE

//Dequeue Select2-js
function sqr_dequeue_redux_scripts() {
        wp_dequeue_script( 'select2-js' );
        wp_deregister_script( 'select2-js' );
}
add_action( 'wp_print_scripts', 'sqr_dequeue_redux_scripts' );

Let me know

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Add this css to wp-admin -> theme options -> quick css

COPY CODE

.register form#signup_form p {
    font-size: 1em;
    display: inline-block !important;
}

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi,

try this code

COPY CODE

/* Deqeue the google fonts */
function sq7r_deque_kleo_gogole_fonts() {
    if( function_exists('bp_is_active') && !bp_is_members_component()) {
        wp_deregister_style('kleo-google-fonts', $google_link, array(), '', 'all' );
        wp_dequeue_style('kleo-google-fonts');
    }
}
add_action('wp_enqueue_scripts', 'sq7r_deque_kleo_gogole_fonts',999);

Add it in funtions.php from child theme.

You can set all all fonts from theme options to standart one

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Not marked as solution

[Radu]

Try with this function

COPY CODE

/* Deqeue the google fonts */
function sq7r_deque_kleo_gogole_fonts() {
    if( function_exists('bp_is_active') && !bp_is_members_component()) {
        wp_deregister_style('kleo-google-fonts', $google_link, array(), '', 'all' );
        wp_dequeue_style('kleo-google-fonts');
    }
}
add_action('wp_enqueue_scripts', 'sq7r_deque_kleo_gogole_fonts',999);

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Not marked as solution

[Radu]

Hi,

Use this instead, anyway all should word

COPY CODE

.template-page, .sidebar {
    border: 0 !important;
}

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Ticket solution

[Radu]

Hi,
To remove the certain tab from the profile add this to kleo-child/functions.php having the kleo child theme activated:

COPY CODE

// Remove forums menu item
function my_setup_nav() {
      global $bp;

      unset($bp->bp_nav['forums']);
}
 
add_action( 'bp_setup_nav', 'my_setup_nav', 1000 );

replace forums with the slug that you want to remove.

You can create a custom tab there by adding custom code to child theme, here’s the guide : https://archived.seventhqueen.com/forums/topic/create-new-xprofile-tab#post-183343

Or you can check if the events plugin have already integration to buddypress, ask the plug author.

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Not marked as solution

[Radu]

Hi,

I have found this snippet on the buddyboss forums at this link : https://www.buddyboss.com/support-forums/topic/how-to-remove-teacher-and-student-member-types-from-directory-filters/

COPY CODE

function bp_sensei_remove_tabs() {
   global $bp, $BUDDYPRESS_SENSEI;
remove_action( 'bp_members_directory_member_types', array( $BUDDYPRESS_SENSEI->bp_sensei_loader, 'bp_sensei_members_directory' ) );
}
add_action( 'bp_init', 'bp_sensei_remove_tabs');

The code should be added to wp-content/themes/kleo-child/functions.php and the child theme should be installed and activated.

Let me know

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

try with this one instead

<pre
.sidebar {
border: 0 !important;
}

or this one

COPY CODE

.sidebar-right {
    border: 0 !important;
}

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Using this you can remove it.

COPY CODE

// Remove profile tabs
function bp_remove_profile_tabs() {
    global $bp;
    unset($bp->bp_nav['media']);
}
add_action('bp_init', 'bp_remove_profile_tabs', 9999);

using this you can rename them

COPY CODE

function mb_profile_menu_tabs(){
    global $bp;
    $bp->bp_nav['groups']['name'] = 'Cities';
}
add_action('bp_setup_nav', 'mb_profile_menu_tabs', 201);

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi,
You can change the order using the next function

COPY CODE

function my_change_profile_tab_order() {
    global $bp;
    $bp->bp_nav['settings']['position'] = 10;
    $bp->bp_nav['activity']['position'] = 20;
    $bp->bp_nav['friends']['position'] = 30;
    $bp->bp_nav['groups']['position'] = 40;
    $bp->bp_nav['blogs']['position'] = 50;
    $bp->bp_nav['messages']['position'] = 60;
    $bp->bp_nav['profile']['position'] = 70;
}
add_action( 'bp_setup_nav', 'my_change_profile_tab_order', 999 );

The function will be added to wp-content/themes/kleo-child/functions.php

10,20,30,40,50 etc represents order

Child theme needs to be installed and activated.

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi,

Just add this css

COPY CODE

.sidebar.sidebar-right {
    border: 0 !important;
}

The css will be added to wp-admin -> theme options -> General settings -> Quick CSS

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi,

retry with the next code it has !important now

COPY CODE

#profile div#item-buttons .friendship-button {background-color:red !important;}
#profile div#item-buttons #post-mention {background-color:green !important;}
#profile div#item-buttons #send-private-message {background-color:yellow !important;}

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi,

You can do that using this snippet

COPY CODE

function sqr_prevent_profile_guest_user() {
    if ( class_exists( 'BuddyPress' ) ) {
        if (!is_user_logged_in() && bp_is_user()) {
            wp_redirect(home_url() . '/membership-levels/');
            exit;
        }
    }
}
add_action('template_redirect', 'sqr_prevent_profile_guest_user');

The snippet will be added to wp-content/themes/sweetdate-child/functions.php

Cheers
r

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

Here are the selectors

COPY CODE

#profile div#item-buttons .friendship-button {background-color:red;}
#profile div#item-buttons #post-mention {background-color:green;}
#profile div#item-buttons #send-private-message {background-color:yellow;}

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Not marked as solution

[Radu]

Hi,

Replace the css with this one, i had understated that you need to hide the entire header on mobile… now it should be ok.

COPY CODE

@media(max-width:768px) {
    .header-bg {background:transparent;}
}

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi,

Just use this css to remove those buttons on mobile.

COPY CODE

@media(max-width:768px) {
    li.product figcaption .shop-actions {
    display: none;
    }

}

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi,

Add the shortcode with those parameter.

COPY CODE

[kleo_search_form context="groups"]

Where in header you had added more exacly ? in what file

Cheers

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

Just add this css to wp-admin -> theme options -> General settings -> Quick CSS

Change red with your color code.

COPY CODE

 
.main-color blockquote, .main-color .masonry-listing .post-content {border-right-color:red;}

Let me know

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi,

It’s recommanded to set the same with and height for all images to can have a grid gallery with 4 cols an 4 rows fit.

Go live in customizer then check the screenshot

Try this CSS

COPY CODE

.kleo-woo-gallery.thumbnails .woocommerce-product-gallery__image a {
    width: 24.1% !important;
    padding:0 !important;
    margin:0 !important;
}

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

Hi,

Entire header can be hidden until 768px width using this css

COPY CODE

@media(max-width:768px) {
    .home header {
        display: none;
    }
}

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Radu]

To can hide that only on homepage while mobile tablet

Use this css instead

COPY CODE

@media(max-width:768px) {
 .home .contain-to-grid .top-bar { display:none !important;}   
}

You can change the 768px value to something higher and the menu will be hidden until that window width .

At this moment using that css will hide the main menu on mobile and tablet under 768px above that ti will follow the behavior that it was.

Cheers
R

Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

[Author]

Posts