Radu

[Radu]

Hi,

COPY CODE

<a class="kleo-show-login " href="#">Open Login</a>

Will generate this :

The pop-up will be shown if you are logged out !
So there you will add the above instead

COPY CODE

<a href="/wp-login/???????">
 Please Login</a>

Cheers
R

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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

There is no way in theme options they are predefined, the only way it’s with CSS selectors that are a little bit tricky since they uses pushes

tried a workaround but cannot generate the desired result

COPY CODE

.page-template-left-right-sidebars .sidebar.sidebar-main.col-sm-3.col-sm-pull-6.sidebar-3lr {width:15%!important;left:-65% !important;}
.page-template-left-right-sidebars .template-page.col-sm-6.col-sm-push-3.tpl-3lr {width:60%!important;margin: 0 !important;}
.page-template-left-right-sidebars .sidebar.sidebar-extra.col-sm-3.sidebar-3lr {width:15% !important;right:0% !important;}

There are the selectors play with them.

Chers
R

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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

Hi,

IT does… so if you will set a lower padding like 5, you will see all icons or majority of them will be displayed and will be out of the burger icon.

IF you are injecting css via inspector you need to resize window after that to make the css to have effect.

COPY CODE

#buddypress div#item-nav ul li a {
    padding: 0 10px !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

What support service includes ? What not ?

[Radu]

Fixed, there it’s a issue with the date format on your server not sure exactly what’s the fix for the server i can guess… but that isn’t a solution.

I had added the next snippet to your child theme and it pulls and convert the field His Birthday.

COPY CODE

function sqr_fix_show_ages_on_members_directory() {
    $birthdayfield = bp_get_member_profile_data('field=His Birthday');
    //$birthdayfield = bp_get_member_profile_data('field=Her Birthday');

    if ($birthdayfield) {
        if(!empty($birthdayfield)) {
            $diff = time() - strtotime($birthdayfield);
            $age_to_age = floor($diff / (365 * 60 * 60 * 24));
            return $age_to_age;
        }
    }
}
add_filter('kleo_bp_meta_after_age','sqr_fix_show_ages_on_members_directory');

That’s it, you need to keep all time those options on like this

Cheers
R

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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

Hi,

In the guest view there are no buttons since if you are not logged in you cannot add friend or sent message.

So you want to hide it ? while logged in right ?

Use this css

COPY CODE

.members div#send-private-message {
    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

What support service includes ? What not ?

[Radu]

USe important at css it should work

COPY CODE

#buddypress div#item-nav ul li a {
    padding: 0 15px !important;
}

OR

COPY CODE

.bp-light-icons #buddypress div#item-nav ul li a {
    padding: 0 15px;
}

Cheers
R

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

What support service includes ? What not ?

[Radu]

Hi,

Just add this css to wp-admin -> theme options -> general settings -> quick css

COPY CODE

.bp-light-icons #buddypress div#item-nav ul li a {
    padding: 0 15px;
}

Decreasing 15px will make more space.

Cheers
R

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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

I see, you need more than a regular background to a button respecting some conditions in some cases. For that maybe you will need edit directly in the php template file of that form and to do the html markup exacly how you need.

That form templates it’s located here

wp-content/plugins/bp-profile-search/templates/members/bps-form-legacy.php

So you can modify the form by copying bps-form-legacy.php to child theme in wp-content/themes/buddyapp-child/buddypress/members/

You should have also this function to child theme functions.php

COPY CODE

add_filter( 'bps_templates', 'kleo_bp_search_tpl' );

function kleo_bp_search_tpl( $templates ) {
    $templates = array ( 'members/bps-form-legacy', 'members/bps-form-horizontal' );

    return $templates;
}

Make your desired structure changes and.

Also i don’t have the functionality of the button in the way you need or any pre-made code.

NOTE : 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

What support service includes ? What not ?

[Radu]

Use this css

COPY CODE

input#bps_toggle6844 {
    background: url('https://www.shareicon.net/data/128x128/2016/07/09/118227_fb_512x512.png')!important;
    padding: 0 !important;
    background-position: 0% 50% !important;
    background-repeat: no-repeat !important;
    background-size:15px !important;
    padding-left:20px !important;
    vertical-align:middle !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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi, Check this one

function sqr7_extra_fields_members_directory() {

    $location = bp_get_member_profile_data('field=Location');
    $specialization = bp_get_member_profile_data('field=Specialization');
    $birthdayfield = bp_get_member_profile_data('field=Birthday');

    if ($birthdayfield) {
        if(!empty($birthdayfield)) {
            $diff = time() - strtotime($birthdayfield);
            $age_to_age = floor($diff / (365 * 60 * 60 * 24));
//            return $age_to_age;
        }
    }

    if ($specialization || $location) {
        echo '
'. 'Location : ' . $location . '
';
        echo '
'. 'Specialization : ' . $specialization . '
';
        echo '
'. 'Ages : ' . $age_to_age . '
';
    }

}
add_action('bp_directory_members_item', 'sqr7_extra_fields_members_directory');

if trouble with code above copy it from here : https://pastebin.com/raw/Reng9F8r Cheers R

[Radu]

Not marked as solution

[Radu]

Hi,
I see, that maybe because the kleo uses significant more resources and scripts that default one.

At this moment i had forwarded a new question to the core developer for new hints, until then please try to set a higher priority of that filter..just right now i had noticed that in that fiter it’s missing the accepted args at the filter…..

COPY CODE

/ turn any link to a gpx file to a shortcode
function osmap_gpx_link_filter( $content ) {
    $content = preg_replace( '/\\<a href="(.*?\\.gpx).*?a\\>/','[toolset_access role="Guest"][su_note note_color="#f7332a"]<a href="/wp-login.php">Log in</a> or <a href="https://www.mudandroutes.com/register-with-mud-and-routes/">register</a> to see the Ordnance Survey map[/su_note][/toolset_access][toolset_access role="Guest" operator="deny"][osmap gpx="$1"][/toolset_access]', $content );
    return $content;
}
add_filter( 'the_content', 'osmap_gpx_link_filter',10, 1 );

The latest represents the accepted args…. so that may be a reason…. 10, represents the priority, if it’s the same increase it to 200

From where you had get the code was a mistake since any filter should have accepted args from what i know…

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

What support service includes ? What not ?

[Radu]

Hi,

I see, not sure why that, try to add the next snippet in wp-admin -> general options -> Javascript code

COPY CODE

<script>
jQuery(document).ready( function () {
    KLEO.main.init();
});
</script>

Or this one

COPY CODE

<script>

jQuery(document).ready( function () {
	setTimeout(KLEO.main.init(),2000);
});
</script>

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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

Hi,

Check those snippets

COPY CODE

/* Deqeue the google fonts */
function sq7r_deque_kleo_gogole_fonts() {
    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);

COPY CODE

/* Deqeue the dynamic css file */
function sq7r_deque_kleo_dynamic() {
	wp_deregister_style( 'kleo-colors', trailingslashit( $kleo_config['custom_style_url'] ) . 'dynamic.css', array(), $version, 'all' );
	wp_deenqueue_style( 'kleo-colors' );
}
add_action('wp_enqueue_scripts', 'sq7r_deque_kleo_dynamic',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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

@mudandroutes

I see this, this cannot be named problem of the theme right ? Sice this approach causes link tags alterations.

As an ideea for you workaround it’s to make a callback to preg_replace function will check if the items that will be changed are on the ignore list or not : https://stackoverflow.com/questions/36349310/ignore-certain-matches-in-preg-replace

The idea it’s to target your specific a tags maybe not all a tags if they have a specific class to can alter ony the links that should be gpx file.

The snippet looks that it already does that… nto sure why

You can try to add the hooks of that into a function that triggers them after_setup_theme or init

COPY CODE

function sqr_late_trigger_rand89() {
add_filter( 'the_content', 'osmap_gpx_link_filter' );
add_shortcode( 'map', 'osmap_generator' );
}

add_action('after_setup_theme','sqr_late_trigger_rand89');
//add_action('wp_loaded','sqr_late_trigger_rand89');
//add_action('init','sqr_late_trigger_rand89');

Try with that if it’s the same try the commented ones,by leaving only one action.

@bassfan great if you had solved

Cheers
R

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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

Hi,

You can hide the read more button using this css

COPY CODE

.home .elementor-widget-container .kleo-carousel a.small.button.radius.secondary {display:none;}

For adding link to titles there tried a workaround right now but not sure why that not work, i will still test and look for a solution

Let me know if the css it’s ok

Cheers
R

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

What support service includes ? What not ?

[Radu]

Hi,

there are two ways to show the login pop-up

1. Adding at the end of the link /#show-login example : http://rdu.local/kleo/#show-login

COPY CODE

<a href="http://rdu.local/kleo/#show-login">Show Login by direct link</a>

2. Adding this class kleo-show-login to the element that you want to click and to appear the pop-up.

COPY CODE

<a href="http://rdu.local/kleo/" class="kleo-show-login">Show Login by class</a>

Cheers
R

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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

Hi,

Use the next function for the new users that only register

COPY CODE

//!!!!!This function should run only one time.
add_action( 'wp_loaded', 'sq_retroactive_user_fix' );
function sq_retroactive_user_fix() {
	$users = get_users( array(
		'fields' => 'ID',
		'number' => 2000	
	) );
	foreach( $users as $user_id ) {
		// Check to see if the user has activity
		if ( bp_get_user_last_activity( $user_id ) ) {
			continue;
		}
		
		// Inactive so lets activate
		bp_update_user_last_activity( $user_id, bp_core_current_time() );
	}
	
	// Clean transient cache
	delete_transient( 'bp_active_member_count' );			
}
//END !!!!!This function should run only one time.

This function should run only one time.

Cheers
R

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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

Hi,

Replace css with this one

COPY CODE

.single-post.wpb-js-composer .tpl-no .article-meta {
    position:absolute;
}
.single-post.wpb-js-composer .tpl-no .article-content {
    margin-left:100px;
}

Cheers
R

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

What support service includes ? What not ?

[Radu]

Hi,

Any user to can chose a membership they should have a wp account first from what i know so after that choosing a package will be possible.

So the flow shuold be

1. Create wp account and completing buddypress fields from default register page /register

2. Redirect all users to buy a package after that in member levels page from pmrpo

COPY CODE

add_action( 'template_redirect', 'my_membersip_restrict' );
 
function my_membersip_restrict() {
    global $pmpro_pages, $post;
 
    if ( is_user_logged_in() && !pmpro_hasMembershipLevel() ) {
        if (isset($post->ID) && !in_array($post->ID, $pmpro_pages)) {
            wp_redirect( pmpro_url() );
        }
    }
}

The snippet will be pasted in wp-content/themes/kleo-child/functions.php

NOTE : The Kleo Child Theme needs to be installed and activated.

3. All non paying users will be trapped in membership levels page.

So this it’s a flow that can be modified for your needs.

Not very familiar how pmpro addon interwork with buddypress you can ask them.

Cheers
R

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

What support service includes ? What not ?

[Radu]

Hi,

I see, tried to make a workaround for your need there and at this moment more than showing the date before all content in the same line as first paragraph cannot done.

Use this css instead the previous one to can test

COPY CODE

.single-post.wpb-js-composer .tpl-no .article-meta {
    display: block !important;
    z-index: 999 !important;
    position: absolute;
    margin-left: 65px;
}
.single-post.wpb-js-composer .tpl-right .article-meta {display: none;} 

.single-post.wpb-js-composer .tpl-left .article-meta {display: none;} 

If it’s not ok, will add this to the improvement list and in future this will be fixed.

By default we are not using VC in posts.

Cheers
R

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

What support service includes ? What not ?

[Radu]

Hi

Are you referring to a visual composer button ?

If yes try the next shortcode

COPY CODE

[kleo_button title="Show Login" href="#" icon="0" el_class="kleo-show-login"]

Cheers
R

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

What support service includes ? What not ?

[Radu]

Hi,

Or you add that class for any shortcode that support class or to any html element

COPY CODE

<a href="/login" class="kleo-show-login">Show Login</a>

Or you can add this #show-login at the end of the link
Example

COPY CODE

<a href="/login#show-login">Show Login</a>

Cheers
R

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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

Hi,

Replace with this for right sidebar in page and hide the article meta while single posts in visual composer

COPY CODE

.single-post.wpb-js-composer .tpl-right .article-meta {display: none;}

Use this one for fullwidth page and hide the article meta. while single posts in visual composer

COPY CODE

.single-post.wpb-js-composer .tpl-no .article-meta {display: none;}

Use this one for left sidebar page and hide the article meta. while single posts in visual composer

COPY CODE

.single-post.wpb-js-composer .tpl-left .article-meta {display: none;}

You can use all rules if you want in all both 3 cases to be hidden

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

What support service includes ? What not ?

[Author]

Posts