Radu

[Radu]

Hi,

Replace the code with this one, sorry I’ve missed the action hook, sorry !

COPY CODE

function blog_single_full_image_above_post()
{
	if (is_single()) {
		if (has_post_thumbnail()) {
			echo '<div class="fullwidth-image-before-content">';
			echo the_post_thumbnail('full');
			echo '</div>';
		}
	}
}
add_action('kleo_before_main', 'blog_single_full_image_above_post');

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,

That isn’t possible since the kleo magic container it’s a div not a A element, I think the only reliable way it’s to set a custom CSS class for you magic container from example “mymagiccontainerclass” then with a JS code to target that class to open the link

COPY CODE

<script>
jQuery(document).ready(function () {
  jQuery(".mymagiccontainerclass").click(
      function () {
        window.location.href = "http://example.com";
      }            
    );
});

</script>

The JS code wil be added to wp-admin -> theme options -> general settings -> JavaScript code

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 use the next solution by adding the next code to wp-content/themes/kleo-child/functions.php

The code will allow users to register but immidiately after they finish registration users will be redirected and locked into the memebrship levels page until users buy or leave.

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]

Hi,

Just use this function

COPY CODE

if ( ! function_exists( 'kleo_bp_member_dir_view_button' ) ):
    /**
     * Render view profile button on members directory
     */
    function kleo_bp_member_dir_view_button() {
        ?>
        <a>" class="small button radius secondary"><i
                class="icon-angle-right"></i> </a>
        <?php
    }
endif;
add_action( 'bp_directory_members_item_last', 'kleo_bp_member_dir_view_button', 10 );

NOTE : Child theme needs to be installed and activated.

The function needs to be pasted in 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

What support service includes ? What not ?

[Radu]

Hi,

I see

Use this CSS to limit the featured testimonial image

COPY CODE

.kleo-testimonials .article-media img {
    max-width: 200px;
    text-align: center;
    margin: 0 auto;
    display: block;
}

It will look like this, you can change the 200px from max-width rule with your desired value.

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 function and this will be added automatically immediately after the header ends in full-width mode

Example

COPY CODE

function blog_single_full_image_above_post()
{
	if (is_single()) {
		if (has_post_thumbnail()) {
			echo '<div class="fullwidth-image-before-content">';
			echo the_post_thumbnail('full');
			echo '</div>';
		}
	}
}

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

NOTE: Child theme needs to be installed and activated.

Also, i implemented this in the theme and in next theme version this option will be found under wp-admin -> theme options -> blog.

That’s all

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,

For the moment the only solution for that it’s to display all time the live notifications item

COPY CODE

li.kleo-messages-nav.kleo-toggle-menu {
    display: block !important;
}

In future, we will take into consideration this and we will improve 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,

There is no option to can limit that, but you can try using this css

COPY CODE

#rtmedia-uploader-form .rtm-plupload-list, form .rtmedia-container .rtm-plupload-list, #rtmedia_uploader_filelist {
    max-height: 200px !important;
    display: inline-block;
}

It will limit the height of the container of the images that uploading.

You can try to ask this on rt media maybe thy have some quick code to limit number of displaying those or to allow to be uploaded once.

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,

I see just replace the code with this one

COPY CODE

@media (max-width: 991px) {
    .kleo-toggle-menu {
        display: initial !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,

This it’s the function that render that button

COPY CODE

if(!function_exists('kleo_search_menu_item'))
{
	/**
	 * Add search to menu
	 * @param string $items
	 * @param oject $args
	 * @return string
	 */
	function kleo_search_menu_item ( $items, $args )
	{
	    if ($args->theme_location == 'primary')
	    {
	        ob_start();
	        get_template_part('page-parts/header-ajaxsearch');
	        $form = ob_get_clean();

	        $items .= '<li id="nav-menu-item-search" class="menu-item kleo-menu-item-search"><a class="search-trigger" href="#"><i class="icon icon-search"></i></a>'.$form.'</li>';
	    }
	    return $items;
	}
}

Just place the

COPY CODE

	        $items .= '<li id="nav-menu-item-search" class="menu-item kleo-menu-item-search"><a class="search-trigger" href="#"><i class="icon icon-search"></i></a>'.$form.'</li>';

Into your condition and that’s all

Paste the code into child theme functions.php from 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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

Hi,

Selector for iframe youtube only

COPY CODE

.mejs-container iframe[src*="youtube.com"] {
    width: 100% !important;
    height: 100% !important;
    max-height: 460px;    
}

Change the max-height: 460px to your desired value

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]

Hi,

Add this CSS

COPY CODE

.kleo-messages-nav {
    display: initial !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,

Please try to replace the next line from this file : /kleo/wp-content/themes/kleo/functions.php

COPY CODE

"$message = __(‘Someone requested that the password be reset for the following account:’) . “\r\n\r\n”;"

with this one

COPY CODE

$message = __( 'Someone requested that the password be reset for the following account:', 'kleo_framework' ) . "\r\n\r\n";

Then go to wp-admin -> loco translate -> kleo theme -> and press sync then search for those strings and check again.

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]

Not marked as solution

[Radu]

Hi,

All theme available restrictions options are located under wp-admin -> theme options -> memberships.

If you need any other restriction on certain action other than it’s listed in the theme options you should hire a develop those for you since they require dedicated time.

Here it’s a snippet that maybe will help you in future

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() );
        }
    }
}

This code will check if logged in user have any membership and if not will be redirected to the pmpro levels page to buy access.

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,

Use the resolution intervals that you need you can change min-width to your desired value also the max-width

COPY CODE

    @media only screen and (min-width:960px){
        /* styles for browsers larger than 960px; */
    }
    @media only screen and (min-width:1440px){
        /* styles for browsers larger than 1440px; */
    }
    @media only screen and (min-width:2000px){
        /* for sumo sized (mac) screens */
    }
    @media only screen and (max-device-width:480px){
       /* styles for mobile browsers smaller than 480px; (iPhone) */
    }
    @media only screen and (device-width:768px){
       /* default iPad screens */
    }
    /* different techniques for iPad screening */
    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait) {
      /* For portrait layouts only */
    }

    @media only screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:landscape) {
      /* For landscape layouts only */
    }

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 Install this plugin and arrange the username and first, the last name in your desired order

https://wordpress.org/plugins/buddypress-real-names/

And to have uusername under the profile picture in members profile add the next function to wp-content/themes/sweetdate-child/functions.php

COPY CODE

function displayed_user_username_under_profile_picture() {
	global $current_user;
	echo '<span class="username-under-avatar">'.$current_user->user_login .'</span>' ;
}

add_action('kleo_bp_after_profile_image', 'displayed_user_username_under_profile_picture')

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]

Not marked as solution

[Radu]

Hi,

You can create with VC a similar page but with toggle instead that will looks like this

The full shortcode page it’s the next

COPY CODE

[vc_row][vc_column width="1/3"][vc_custom_heading font_container="tag:h3|text_align:left"][vc_toggle title="FAQ 1 ?"]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title="FAQ 2 ?"]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title="FAQ 3 ?"]Toggle content goes here, click edit button to change this text.[/vc_toggle][/vc_column][vc_column width="1/3"][vc_custom_heading font_container="tag:h3|text_align:left"][vc_toggle title="FAQ 1 ?"]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title="FAQ 2 ?"]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title="FAQ 3 ?"]Toggle content goes here, click edit button to change this text.[/vc_toggle][/vc_column][vc_column width="1/3"][vc_custom_heading font_container="tag:h3|text_align:left"][vc_toggle title="FAQ 1 ?"]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title="FAQ 2 ?"]Toggle content goes here, click edit button to change this text.[/vc_toggle][vc_toggle title="FAQ 3 ?"]Toggle content goes here, click edit button to change this text.[/vc_toggle][/vc_column][/vc_row]

Then from wp-admin -> Appearance -> theme options

So you can adapt those for your needs

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,

Accessing the dashboard to debug that I’ve noticed I cannot change things cuz the layout it’s broken

Some of your resources aren’t loaded inclusive jquery, if you have custom htaccess try to leave it with default wordpress code in it. Also try to de-activate all plugins including hide my login, if you are using CloudFlare and mooving js to the footer or compressing scripts or any speed feature just de-activate to debug this.

Beside of those you can add this line on wp-config.php to prevent concatenating files.

COPY CODE

define( 'CONCATENATE_SCRIPTS', false );

Based on how it looks also on admin Kleo has nothing to do with that kind of issue.

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,

Just use this CSS to decrease or increase the font size of the icons, change the font-size: 14px to a higher or lower value.

COPY CODE

#buddypress div#item-nav ul li a {
    font-size:14px !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,

Add this CSS

COPY CODE

.bbp-reply-content iframe[src*='youtube.com'], .bbp-reply-content iframe[src*='vimeo.com'], .bbp-reply-content iframe[src*='dailymotion.com'] {width:100%;height: 320px !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,

There was an issue, the input (submit button) missing instead of the imput it was a

COPY CODE

<a href="#">

So ,i’ve replace that, the button it’s communicate with maichimp but there it’s no list where the emial address to be subscribed or your mailchimp account isn’t connected with the site.

If you want to color the subscribe button use this css

COPY CODE

.mc4wp-form .form-inline input.form-submit {
    background: #0a2342;
}

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

So just assign a list to that form and that’s all

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 open the files from /wp-content/themes/kleo-child/page-parts and look for this line

COPY CODE

<small class="meta-category"><?php echo get_the_category_list(',');?></small>

and add a space there after the ,

Example

COPY CODE

<small class="meta-category"><?php echo get_the_category_list(', ');?></small>

Then you should de-activate the category info from wp-admin -> theme options -> blog (see screenshot)

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,

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

COPY CODE

#buddypress div#item-header div#latest-update {
    text-overflow: ellipsis;
    overflow: hidden;
  white-space: nowrap;
  -o-text-overflow: ellipsis;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
}

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

[Author]

Posts