Radu

[Radu]

Hi,

Just add the next code to your child theme functions.php

COPY CODE

/* Change Layout full-width on search page */
function change_layout_on_search() {
    if(is_search()) {
        kleo_switch_layout('full');
    }
}
add_action ('kleo_header', 'change_layout_on_search');

The function needs to be pasted in wp-content/themes/kleo-child/functions.php

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]

Hi,

Here it’s a example for selectors on hover image, and for current tab where you are, you will have to do that for every tab i’ve done for #user-activity, you will have to do for the rest tabs, the selectors are those https://archived.seventhqueen.com/forums/topic/media-link-in-buddypress-showing-dobble/#post-171934 just do same rule for every like below.

COPY CODE

a#user-activity:before {
    content: " " !important; 
    background-image: url('http://www.laconexioncreadora.com/wp-content/uploads/icons/actividades.jpg');
    width: 40px;
    height: 40px;
    color: transparent !important;
    background-size: cover;
}

/* hover custom icon ( replace #user-activity with the second selector) */
a#user-activity:hover:before {
    background-image: url('https://kids.niehs.nih.gov/resources/images/icon-nav-activities.svg');
}

/* current tab custom image by component replace #user-activity with the second selector  */
#object-nav li.current a#user-activity:before {
    background-image: url('https://livelovely.com/static/images/full-listing/icon-modal-success%402x.png');
}

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,

Add this css in quick css area

COPY CODE

.animated,.wpb_animate_when_almost_visible  {
 /*CSS transitions*/
 -o-transition-property: none !important;
 -moz-transition-property: none !important;
 -ms-transition-property: none !important;
 -webkit-transition-property: none !important;
 transition-property: none !important;
 /*CSS transforms*/
 -o-transform: none !important;
 -moz-transform: none !important;
 -ms-transform: none !important;
 -webkit-transform: none !important;
 transform: none !important;
 /*CSS animations*/
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important;
 opacity: 1 !important;
 filter:none !important;
 
 }

IF you want to turn off only on mobile devices use the next css

COPY CODE

* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
	.animated,.wpb_animate_when_almost_visible  {
 /*CSS transitions*/
 -o-transition-property: none !important;
 -moz-transition-property: none !important;
 -ms-transition-property: none !important;
 -webkit-transition-property: none !important;
 transition-property: none !important;
 /*CSS transforms*/
 -o-transform: none !important;
 -moz-transform: none !important;
 -ms-transform: none !important;
 -webkit-transform: none !important;
 transform: none !important;
 /*CSS animations*/
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important;
 opacity: 1 !important;
 filter: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]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

Using the next code will makes your users to register normally and then after activation to be locked in the membership levels page until they buy something

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.

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]

Add also this rule

COPY CODE

.kleo-toggle-menu.open .kleo-toggle-submenu {
    top: 33px;
}

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,

The issue comes from the style or css settings for the admin-custom-login plugin that you are using there not from our theme, use that css to fix that.

COPY CODE

.login.login-action-lostpassword p.message,.login.login-action-lostpassword form#lostpasswordform {margin:0 auto }

.login.login-action-lostpassword #login .message {margin-bottom:20px !important;}

.login.login-action-lostpassword p#nav, .login.login-action-lostpassword p#backtoblog {
    margin:0 auto;
    min-width: 400px;
    text-align: center;
}
.login.login-action-lostpassword p#nav {margin:10px 0;}

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,

Sorry for that, see here the selectors below,

COPY CODE

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

    #main * {font-size:17px;line-height:35px;}
    #main h1 {font-size:17px !important;line-height:35px;}
    #main h2 {font-size:27px !important;line-height:35px;}
    #main h3 {font-size:37px !important;line-height:35px;}
    #main h4 {font-size:47px !important;line-height:35px;}


}

/* Tablet like.. */ 
@media only screen and (max-width : 991px) {

    #main * {font-size:27px;line-height:35px;}
    #main h1 {font-size:37px !important;line-height:35px;}
    #main h2 {font-size:47px !important;line-height:35px;}
    #main h3 {font-size:57px !important;line-height:35px;}
    #main h4 {font-size:67px !important;line-height:35px;}


}

There you have additional breakpoints i’ve done for 480, adapt the font size and line height for the 480 resolution then copy the css for the 991 resolution and adapt it for your needs.

Here’s the css for the button

COPY CODE

a.btn.btn-highlight:hover {
    background: #ba2a2a !important;
}

ul.nav a.btn.btn-highlight {
background: #ba2a2a !important;
border:0 !important;
}

ul.nav a.btn.btn-highlight .caret {line-height:54px;}

You can replace also the button color with your desired

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,

Replace with this one

COPY CODE

/* Schema org for body */
if ( ! function_exists( 'kleo_get_schema_org_markup' ) ) {

	function kleo_get_schema_org_markup() {
		$schema = 'http://schema.org/';
		if ( is_singular( 'post' ) ) {
			$type = "Article";
		} elseif ( is_singular( 'portfolio' ) ) {
			$type = "VisualArtwork";
		} else if (bp_is_user()) {
			$type = 'ProfilePage';
		} else {
			if ( is_author() ) {
				$type = 'ProfilePage';
			} // Is search results page
			elseif ( is_search() ) {
				$type = 'SearchResultsPage';
			} else {
				$type = 'WebPage';
			}
		}

		$type = apply_filters( 'kleo_schema_org_type', $type );

		return 'itemscope itemtype="' . $schema . $type . '"';
	}

}

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,

In this case add only this code

COPY CODE

/* Schema org for body */
if ( ! function_exists( 'kleo_get_schema_org_markup' ) ) {

	function kleo_get_schema_org_markup() {
		$schema = 'http://schema.org/';
		if ( is_singular( 'post' ) ) {
			$type = "Article";
		} elseif ( is_singular( 'portfolio' ) ) {
			$type = "VisualArtwork";
		} else {
			if ( is_author() ) {
				$type = 'ProfilePage';
			} // Is search results page
			elseif ( is_search() ) {
				$type = 'SearchResultsPage';
			} else {
				$type = 'WebPage';
			}
		}

		$type = apply_filters( 'kleo_schema_org_type', $type );

		return 'itemscope itemtype="' . $schema . $type . '"';
	}

}

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,

Now it happens again on mine like on you….without do nothing special, just i’ve played with the thumbnail values only for 2 and three posts…

I’ve made a workaround until we find the solution for that

Just add this css

COPY CODE

/** START SHOW ONLY FIRST 3 **/
.posts-listing.just-thumb-3.standard-listing article:nth-child(1) .article-media,.posts-listing.just-thumb-3.standard-listing article:nth-child(2) .article-media, .posts-listing.just-thumb-3.standard-listing article:nth-child(3) .article-media {
    display: block !important;
}
.posts-listing.just-thumb-3.standard-listing article .article-media {display:none;}
/** END SHOW ONLY FIRST 3 **/


/** START SHOW ONLY FIRST 2 **/

.posts-listing.just-thumb-2.standard-listing article:nth-child(1) .article-media,.posts-listing.just-thumb-2.standard-listing article:nth-child(2) .article-media {
    display: block !important;
}
.posts-listing.just-thumb-2.standard-listing article .article-media {display:none;}

/** END SHOW ONLY FIRST 2 **/


/** START SHOW ONLY FIRST 1 **/

.posts-listing.just-thumb-1.standard-listing article:nth-child(1) .article-media {
    display: block !important;
}
.posts-listing.just-thumb-1.standard-listing article .article-media {display:none;}

/** END SHOW ONLY FIRST 1 **/

Then you can select ‘Show Thumbnail image’ -> Just for the first/second/third and it will work but the css will do that.

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,

To hide the social login icons from register page only you will have to use the next CSS

COPY CODE

/*** START HIDE SOCIAL LOGIN ONLY ON BUDDYPRESS PAGE ***/
.register.buddypress .wp-social-login-widget {
    display: none;
}
/*** END HIDE SOCIAL LOGIN ONLY ON BUDDYPRESS PAGE ***/

The CSS will be added to wp-admin -> theme options -> general settings -> quick css

Let me know if i can help you with something else

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]

Here it’s our function for the schema.org, paste it to child theme and change it as you need.

COPY CODE

/* Schema org for body */
if ( ! function_exists( 'kleo_get_schema_org_markup' ) ) {

	function kleo_get_schema_org_markup() {
		$schema = 'http://schema.org/';
		if ( is_singular( 'post' ) ) {
			$type = "Article";
		} elseif ( is_singular( 'portfolio' ) ) {
			$type = "VisualArtwork";
		} else {
			if ( is_author() ) {
				$type = 'ProfilePage';
			} // Is search results page
			elseif ( is_search() ) {
				$type = 'SearchResultsPage';
			} else {
				$type = 'WebPage';
			}
		}

		$type = apply_filters( 'kleo_schema_org_type', $type );

		return 'itemscope itemtype="' . $schema . $type . '"';
	}

}

function kleo_schema_org_markup() {
	echo kleo_get_schema_org_markup();
}

The function needs to be pasted in wp-content/themes/kleo-child/functions.php

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]

Hi,

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

COPY CODE

.header-icons > li > a span {
    opacity: 1;
}

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,

Use this fix for the triple border on base field. We will fix on our demo soon.

COPY CODE

.profile ul.accordion li.bp-widget {border:0!important;}

The cover photo wasn’t removed.

Cannot see any issue with the style.css file my changes are loaded and reflected into site, but make sure to use correct selectors and if maybe it’s needed to use !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]

Hi,

Just use this css

COPY CODE

.kleo-main-header .navbar-header .logo a {
    color: #000 !important;
}

.kleo-main-header.header-centered.header-scrolled .logo a {
    color: #fff !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]

Not marked as solution

[Radu]

Hi,

Just add this css

COPY CODE

.top-bar ul > li.toggle-topbar a {
    width: 60px;
    height: 35px;
    display:  block !important;
    text-align: center;
}

Wp-admin -> theme options -> Styling Options -> 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]

Hi,

How did you have restricted the members profile ?

TRy this snippet

COPY CODE

function sq7r_no_members_redirect_home() {
    if( !is_user_logged_in() && bp_is_user() ) {
        wp_redirect(site_url('/'), 301);
        exit;
    }
}
add_action('template_redirect', 'sq7r_no_members_redirect_home');

The snipept works but depend how you have restricted the members profile and to redirect to this link https://www.vicinity.no/hjem__trashed/

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,

1.

The search results depends by your internet connection and most important by your server performance, if your server it’s slow the results will show later. On our demo it takes less than 1 second to display the results and the loader icon its there by default. To can give you some advices show the the url of your website to test.

2. Isinde if function exists add a new condition

COPY CODE

if ( function_exists( 'bp_is_active' ) && is_numeric( $search_string ) && ( $context == "any" || in_array( "members", $context ) ) ) {

	if(is_numeric($search_string)) {
		//your previous condition
	}
	else if(!is_numeric($search_string)) {
	 		$wp_query->set_404();
	        status_header(404);
	        get_template_part(404);
	        exit();

	}

3. You can test one of those plugins: https://wordpress.org/plugins/search/buddypress+search/

You can start with BuddyPress global search.

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,

For the footer issue use this css

COPY CODE

.footer-sidebar ul li.current_page_item a{background-color:transparent !important;}

For the button use this css and change red with your color

COPY CODE

ul.nav a.btn.btn-highlight:hover {
    background: red;
}

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,

Done, I’ve added this code to quick css area

COPY CODE

.top-bar ul.dropdown-menu.sub-menu li a{
    color: black !important;
}

IT should look ok now

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]

Just add this css

COPY CODE

li.menu-item.kleo-toggle-menu.shop-drop:hover ul.kleo-toggle-submenu {
    display: block !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]

Hi,

1. Actually there on the results page, it’s displayed the default search page from WordPress where that will not search through members, only CPT’s.
You will have to perform the member search from the yourdomain.com/members/ and you will have to add the next code to functions.php file from child theme to permit only numeric values to be typed in the member search form.

COPY CODE

function bp_directory_members_search_form_only_number($query_arg) {

    $query_arg = bp_core_get_component_search_query_arg( 'members' );

    if ( ! empty( $_REQUEST[ $query_arg ] ) ) {
        $search_value = stripslashes( $_REQUEST[ $query_arg ] );
    } else {
        $search_value = bp_get_search_default_text( 'members' );
    }

    $search_form_html = '<form action="" method="get" id="search-members-form">
		<label for="members_search"><input type="number" name="' . esc_attr( $query_arg ) . '" id="members_search" placeholder="'. esc_attr( $search_value ) .'" /></label>
		<input type="submit" id="members_search_submit" name="members_search_submit" value="' . __( 'Search', 'buddypress' ) . '" />
	</form>';
    
    return $search_form_html;
}

add_filter('bp_directory_members_search_form', bp_directory_members_search_form_only_number);

To can build the visible username of a user you can try this plugin https://wordpress.org/plugins/buddypress-real-names/

2. I see in this case there should be developed advanced searching rules by detecting if you are performing group search or member or any another context… I don’t have a quick solution for that, it maybe needs of a professional developer to achieve that.

4. After you press enter you will be driven to default wp search page, that’s how it was built… the member search and advanced member search can be performed from http://yoursite.com/members/

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,

All good but you have forgotten to add the \ before the code f230

COPY CODE

.icon-facebook:before {
    content: '\f230';
    font-size: 20px;
    color: #4266b2;
}

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,

You can choose another icon by following this guide: https://archived.seventhqueen.com/kleo/article/use-custom-fontello-icons-kleo-theme

and then you will have to add this selector

COPY CODE

.icon-facebook:before {
    content: '\e94e';
}

And replace \e94e with your new Facebook icon code.

If you want a nonfontello icon tell me

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,

1. You can control the search context frmo wp-admin -> theme options -> header options

2. This is the responsible file for the notifications menu item : /Applications/XAMPP/htdocs/kleo/wp-content/themes/kleo/lib/plugin-buddypress/menu-notifications.php

3. Use those CSS’s

COPY CODE

#buddypress div.item-list-tabs#subnav ul li#activity-all {
    display: none;
}

select#activity-filter-by option[value=new_member] {
    display: none;
}

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

4. Look at this video frmo this time : https://youtu.be/A6h0hHATCyM?t=1m46s just pull the menu in the right side one step.

5. If you have modified templates or other changes it can be a cause and you shhoudl recall the KLEO.main.init(); js function to re-init and calculate the with and height of the window including the new content added via AJAX

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,
try with this css instead

COPY CODE

ul#menu-kleotopmenu li a {
    color: #000 !important;
}

IF still not works provide a URL where the top menu it’s visible for a guest user

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