Abe

[Abe]

hi there.

to reduce the height of the items this CSS should work

COPY CODE

.kleo-main-header.header-left:not(.header-scrolled) .navbar-collapse > ul > li > a { line-height: 44px !important; }

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, we have a function that adds other parameters to youtube oembeds and you could change that to include the rel=0

You will need to copy the function to your kleo_child/functions.php file to override our defined one.
Here is the modified function to use and see how it goes

COPY CODE

	function kleo_add_video_wmode_transparent($html, $url, $attr)
	{
		if (strpos($html, "youtube.com") !== NULL || strpos($html, "youtu.be") !== NULL) {
			$info = "&showinfo=0&rel=0";
		}
		else {
			$info = "";
		}

		if ( strpos( $html, "<embed src=" ) !== false ) {
			return str_replace('</param><embed', '</param><param name="wmode" value="opaque"></param><embed wmode="opaque" ', $html); 
		}
		elseif ( strpos ( $html, 'feature=oembed' ) !== false ) { 
			return str_replace( 'feature=oembed', 'feature=oembed&wmode=opaque'.$info, $html ); 
		}
		else {
			return $html;
		}
	}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Try

COPY CODE

<a href="#" onclick="jQuery('.kleo-quick-contact-wrapper .kleo-quick-contact-link').trigger('click');if(event.stopPropagation){event.stopPropagation();}event.cancelBubble=true; return false;" rel="nofollow">Contact</a>

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

It is strange since by default it does not act like that
Laura’s css should work but it needs to be restricted only to mobile, something like this:

COPY CODE

@media screen and (max-width: 767px) {
.posts-listing.standard-listing.with-meta .article-content {
margin-left: 0px !important;
padding: 0 0 0px;
}
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

it seems to be something wrong in the pmpro logic. to work you should add your links without quotes like this:

COPY CODE

<a href=http://google.com target=_blank>lev 1 desc</a>

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

To replace them with Prev/Next you need to redefine this function in your child theme

COPY CODE

function kleo_post_nav( $same_cat = false ) {
	// Don't print empty markup if there's nowhere to navigate.
	$previous = ( is_attachment() ) ? get_post( get_post()->post_parent ) : get_adjacent_post( $same_cat, '', true );
	$next     = get_adjacent_post( $same_cat, '', false );

	if ( ! $next && ! $previous ) {
		return;
	}
	?>
	
	<nav class="pagination-sticky member-navigation" role="navigation">
		<?php
		if ( is_attachment() ) :
			previous_post_link( '%link', __( '<span id="older-nav">Go to article</span>', 'kleo_framework' ) );
		else :
            if ($previous) {
                previous_post_link( '%link',  '<span id="older-nav"><span class="outter-title"><span class="entry-title">Previous</span></span></span>', $same_cat );
            }
            if ($next) {
			    next_post_link( '%link', '<span id="newer-nav"><span class="outter-title"><span class="entry-title">Next</span>', $same_cat );
            }
        endif;
		?>
	</nav><!-- .navigation -->
	
	<?php
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

That is strange. You can hide it with this CSS

COPY CODE

.top-menu li.tabdrop {display: none;}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Unfortunately that plugin uses its own template. You could try to customize it by CSS. here is a starting point:

COPY CODE

form.checkout div.col2-set {
padding-left: 15px;
padding-right: 15px;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Try adding this CSS to have the image stretch to the container:

COPY CODE

.activity-inner img {
    max-width: none;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Actually this is the correct code:

COPY CODE

function kleo_rtmedia_modify_upload_params_upload_url( $params ){
    if( class_exists( 'BuddyPress' ) && bp_displayed_user_id() && bp_is_activity_component() ) {
        $params['url'] = site_url() . "/" . bp_get_activity_root_slug() . '/upload/';
    }
    return $params;
}
add_filter( 'rtmedia_modify_upload_params','kleo_rtmedia_modify_upload_params_upload_url', 10, 1 );

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

To hide the date you can just do it via CSS

COPY CODE

.link-list li:first-child {
    display: none;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, You can see the options related to the buddypress layouts in Theme options – Buddypress
to manage buddypress menus you should check buddypress related articles http://blog.maximusbusiness.com/2013/04/bp-profile-nav-positions-names/#change-subnav-tab

2. that should be done by CSS.

COPY CODE

#buddypress div#item-nav ul li a:before {
    color: blue !important;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

yes that is what I meant, so it will be like:

COPY CODE

$cart_output .= '<a class="btn btn-default kleo-go-shop" href="http://mysite.com/page"><span class="text">'.__('Go to the shop', 'kleo_framework').'</span></a>';

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, please add this in your child theme functions.php until next update to remove the message content from the email messages:

COPY CODE

/* Restrict email messages content to non paying members */
if ( ! function_exists('kleo_pmpro_restrict_pm_email_content')) {
    function kleo_pmpro_restrict_pm_email_content($email_content, $sender_name, $subject, $content, $message_link, $settings_link, $ud)
    {

        $restrict_message = false;
        $restrict_options = kleo_memberships();
        $area = 'pm';

        if (pmpro_getMembershipLevelForUser($ud->ID)) {
            $current_level_obj = pmpro_getMembershipLevelForUser($ud->ID);
            $current_level = $current_level_obj->ID;

            //if restrict my level
            if ($restrict_options[$area]['type'] == 2 && isset($restrict_options[$area]['levels']) && is_array($restrict_options[$area]['levels']) && !empty($restrict_options[$area]['levels']) && in_array($current_level, $restrict_options[$area]['levels'])) {
                $restrict_message = true;
            }

        //not a member
        } else {
            if ($restrict_options[$area]['type'] == 2 && isset($restrict_options[$area]['not_member']) && $restrict_options[$area]['not_member'] == 1) {
                $restrict_message = true;
            }
        }

        if ($restrict_message) {

            $content = 'Your current membership does not allow private messages access.';
            $email_content = sprintf(__(
                '%1$s sent you a new message:

Subject: %2$s

"%3$s"

To view and read your messages please log in and visit: %4$s

---------------------
', 'buddypress'), $sender_name, $subject, $content, $message_link);

            // Only show the disable notifications line if the settings component is enabled
            if (bp_is_active('settings')) {
                $email_content .= sprintf(__('To disable these notifications, please log in and go to: %s', 'buddypress'), $settings_link);
            }

            return $email_content;
        }

        return $email_content;

    }
}
add_filter( 'messages_notification_new_message_message', 'kleo_pmpro_restrict_pm_email_content', 11, 7 );

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi and thanks for the good thoughts.
You can customize your posts grid by editing this template from the kleo theme or if you are using the child theme, copy it into the child theme and edit it there wp-content/themes/kleo/page-parts/post-content-masonry.php

adding the social share is just a matter of adding this code:

COPY CODE

<?php get_template_part( 'page-parts/posts-social-share' ); ?>

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, instead of putting the header height 26, put the actual size you want for the logo and then add this css to take care of the menu height:

COPY CODE

.navbar-header, .kleo-main-header .navbar-collapse > ul > li > a, .header-banner {
    line-height: 26px !important;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, you could define that function in your child theme functions.php to return nothing like this:

COPY CODE

function kleo_get_img_overlay() { return ''; }

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, footer is pretty big and making it sticky would take a lot from the screen. Anyway your code should be something like this and you can have a start from it:

COPY CODE

#socket {
    bottom: 0;
    position: fixed;
    width: 100%;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

I see now your problem is not related to shortcodes but not giving screenshots or link I couldn’t understand what is the cause so having so many topics on the same related problem in the past I guessed it is related to that. Ok never mind that, let’s say that I was wrong since in your first post where I responded to you about that issue I haven’t mentioned shortcode and said imported demo. https://archived.seventhqueen.com/forums/topic/sweetdate-errors-that-say-kleo

Let’s close this shortcode discussion since I don’t see the point of arguing on it since is resolved.

Your current issue comes from some customization you did probably. You can fix it by adding this css:

COPY CODE

#groups .circular-item input {
    color: #777 !important;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Sorry about misleading you, here is the path wp-content/themes/sweetdate/custom_buddypress/_inc/global.js

probably this block:

COPY CODE

jq('html, body').animate({
	scrollTop: jq(".item-list-tabs").offset().top
}, 500);

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, yes the file is wp-content/plugins/bp-custom.php

so as in
https://archived.seventhqueen.com/forums/topic/buddypress-profile-landing-page-change/#post-2418
the code to add should be

COPY CODE

function kleo_change_profile_tab() {
global $bp;
 
$bp->bp_nav['profile']['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['settings']['position'] = 70;

$bp->bp_nav['activity']['name'] = 'Wall';
$bp->bp_nav['profile']['name'] = 'My profile';
}
add_action( 'bp_setup_nav', 'kleo_change_profile_tab', 999 );
 
define( 'BP_DEFAULT_COMPONENT', 'profile' );

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, thank you very much.

2. You need to copy the function render_bp_meta() from custom_buddypress/bp-functions.php to your child theme functions.php and somewhere at the function end you will see implode(” / “, $output) where you replace the
” / ” with the break.

1. to remove the age in the same function comment this line

COPY CODE

$output['age'] = apply_filters('kleo_bp_meta_after_age', get_member_age(bp_get_member_user_id()));

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, From the screenshot I can see it is related to Social articles plugin but we will fix it from the theme so until next update add this CSS

COPY CODE

.notifications .sa-notification {
    height: auto;
    margin-top: 0 !important;
    padding-left: 0 !important;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, regarding first thing please try to activate a default wordpress theme to make sure it is not rtmedia related and address the issue on their support forum.

For the second issue please add this CSS in Theme options – Quick CSS until next theme update

COPY CODE

#buddypress #item-header-avatar {
    box-shadow: 0 0 0 5px;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Ok, then this CSS should hide the middle one

COPY CODE

.membership .four.columns:nth-child(2) {
    display: none !important;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

hello guys and gals, here is the final code since I took a look at that plugin and the author did it just like that

COPY CODE

if (! function_exists( 'kleo_archive_add_custom_types' ) ) {
    function kleo_archive_add_custom_types( $query )
    {
        if (is_tag() && empty($query->query_vars['suppress_filters'])) {
            /*$query->set( 'post_type', array('post', 'portfolio', 'product'));*/
            $query->set('post_type', 'any');
            return $query;
        }
    }
}
add_filter( 'pre_get_posts', 'kleo_archive_add_custom_types' );

It will be included in the next theme update so you don’t have to worry about it on theme update

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

so the levels can easily be hidden with this sample CSS where the level ID to hide is 3

COPY CODE

.pricing-table.kleo-level-3 {
    display: none !important;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi,

1. What page/section do you mean?
2. Remove the wishlist functionality by disabling the YITH WooCommerce Wishlist plugin from your site
3. Try adding this CSS rule to remove the white background

COPY CODE

.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {background: none !important;} 

4. CSS solution too:

COPY CODE

.woocommerce ul.products li.product .price, .woocommerce-page ul.products li.product .price {color: #fff;}

5. please put a link to your site to see since I can’t reproduce

6. Also CSS 🙂

COPY CODE

.masonry-listing .post-title {
    border-left-color: transparent !important;
}

So basically customizations can be achieved mostly with CSS if they don’t imply structure changes so you might want to try inspecting your website with your browser console and changing the css to match your needs.

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

I don’t know if it will cause any problems to the navigation since it wasn’t thought like that but add this CSS.

#buddypress div#item-nav .responsive-tabs {
text-align: center;
display: inline-block;
}
 Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solution

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

to change that border color you should add

COPY CODE

.feature-icon.el-appear:hover {
    border: 1px solid #fff !important;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Strange. I see you have some caching installed.

You can disable it with this css added to the child theme/ style.css or in Theme options – Quick css

COPY CODE

.kleo-main-header {
    box-shadow: none;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi,
it is a bit tricky to integrate the payment process with Buddypress but you can do something like forcing the users to apply for a membership level after registration. They won’t he able to do anything on your site until they do that.
Add the following code to your kleo-child/functions.php

COPY CODE

/* Redirect user to levels page until he subscribes for a membership */
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() );
		}
    }
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hello there,

You should add this:

COPY CODE

.bg-full-video .container, .bg-full-video .container-full {
    pointer-events: auto;
}

I see you added pointer-events: none;

See how it goes

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hello,
yes it does not center and is left aligned. Customize it with CSS if you want it centered

COPY CODE

@media screen and (max-width: 480px) {
  #footer {text-align: center;}
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, until next update please add this custom CSS

COPY CODE

.page-boxed .template-page.tpl-left .wrap-content,
.page-boxed .template-page.tpl-right .wrap-content {
    padding-left: 17.5px;
    padding-right: 17.5px;
}
.page-boxed .sidebar-left .inner-content,
.page-boxed .sidebar-right .inner-content {
    padding-left: 17.5px;
    padding-right: 17.5px;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

the above will affect only parent links. add it like

COPY CODE

.navbar-nav > li a {
font-size: 18px;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

I think I understand what that element should look like and you can fix it by adding this CSS but not theme related

COPY CODE

.ts-icon-title-text {
    background: none repeat scroll 0 0 #fff;
    display: inline-block;
    padding: 0 20px;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

Hi, try adding 100% with to it like:

COPY CODE

<iframe src="http://www.seventhqueen.com" style="height: 500px; width:100%p;" />

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

hello, that is easily achieved with CSS. Add this in your child theme style.css

COPY CODE

.share-links .hr-title {
    display: none;
}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Abe]

_MACOSX file can be ignored
please also add this CSS in your Quick css section from Theme otions to fix the poster:

COPY CODE

.mejs-container .mejs-poster.mejs-layer {display: none!important;}

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

---
@ SeventhQueen we do our best to have super happy customers. Thanks for being our customer.

[Author]

Posts