sharmstr

[sharmstr]

1 – Line 1425 of app.js closes it when clicking anywhere else on the page. You can comment that line out. But, apps.js is minified. So you’ll have to re-minify the file and save to apps.min.js. Keep in mind however, that you’ll have to do this after every upgrade.

2 – You can use this css selector. Edit and style to suit your needs.

COPY CODE

.wrap-canvas-menu .offcanvas-title .open-sidebar:before {
content: "[close this panel]";
}

.wrap-canvas-menu .offcanvas-title .open-sidebar:hover:before {
-webkit-transform: none;
transform: none;
}

Put it in either your child style.css file or quick css located in theme options. There’s no need to edit core files. Plus, you were trying to edit apps.css, but its minified and apps.min.css is actually the file being loaded.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

The reason its not working is because the id’s change on every page load. So the ‘_6644’ will be something else. Delete the previous code and try this instead.

COPY CODE

.w2dc-location-input {
margin-top: -4%;
}

(Hi Laura. Hope you’re okay with me jumping in here.)

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

The better question is why is your text white? Do you have a dark header and you set the text to while in Theme Options?

In any case, try this my friend

COPY CODE

.header-color .form-control:focus, .header-color input[type="text"] {
color: pink;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Which search bar? There’s a few different ones.

If your talking about the Search Form shortcode one like here: http://seventhqueen.com/themes/kleo/pinterest/

COPY CODE

.kleo-search-form #searchform .input-lg {
color: red;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Its in there. There’s a Kleo dropdown menu in the wordpress editor with a bunch of kleo shortcodes

COPY CODE

[kleo_bbpress_stats type=forums|replies|topics]

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

If you want errors and warnings to print to the webpage, you need to also add this

COPY CODE

define('WP_DEBUG_DISPLAY', true);

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

try this instead

COPY CODE

<?php
echo do_shortcode('[userpro template=register]');
?>

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

A few hints

1 – the correct syntax for do_shortcode is

COPY CODE

 do_shortcode('[userpro template=register]');

2 – When I said delete everything I didnt mean EVERYTHING. Make sure the very first line has

COPY CODE

<?php

3 – Did you re-assign budypress to registration to your register page?

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

I’ve never played around with a network install so I cant test it for you. But if I add something ridiculous like

COPY CODE

function wpse_104094_breadcrumb_trail_args( $args ) {
    $args['before'] = 'Yo';
    $args['network'] = true;
    return $args;
}

add_filter( 'breadcrumb_trail_args', 'wpse_104094_breadcrumb_trail_args' );

I also put a default value in ‘before’ and it used Yo instead of my default value. So, it is filtering the defaults.

You can see by adding this below the apply_filters statement.

COPY CODE

print_r($this->args);

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Attachments:

You must be logged in to view attached files.

[sharmstr]

add ‘kleo-show-login’ to an elements class to trigger the login modal

COPY CODE

[kleo_button title='Login' style='see-through kleo-show-login' icon='desktop' tooltip_position='left' tooltip_action='hover' size='lg' href='#']

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Put this in your childs functions.php file

COPY CODE

function kleo_membership_info()
{
  global $membership_levels,$current_user;
  if (! $membership_levels) {
    return;
  }
  
 
    if (isset($current_user->membership_level) && $current_user->membership_level->ID)
    {
      echo '<a><span class="label radius pmpro_label">'.$current_user->membership_level->name.'</span></a>';
    }
    else
    {
      echo '<a><span class="label radius pmpro_label">'.__("Upgrade account",'kleo_framework').'</span></a>';
    }
}

The profile header is due to be revamped in the next Kleo update. I havent seen that code yet, so no guarantee that this will work after the update.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

This reply has been set as private.

[sharmstr]

You’ll have customize the title function. I havent tried this but set it back to breadcrumb in theme options, then add this to your child theme functions.php file

COPY CODE

function kleo_title_main_content() {
	$title_status = true;
	if( is_singular() && get_cfield( 'title_checkbox' ) == 1 ) {
		$title_status = false;
	}

	if ( $title_status ) {
		echo '<div class="container">';
		echo '<h1 class="page-title">' . kleo_title() . '</h1>';
		echo '</div>';
	}
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

BB login? Do you mean BP?

COPY CODE

function remove_admin_bar_links() {
    global $wp_admin_bar;
    $wp_admin_bar->remove_menu('bp-login'); 
	$wp_admin_bar->remove_menu('bp-register'); 
   
}
add_action( 'wp_before_admin_bar_render', 'remove_admin_bar_links' );

Actually, out of all the kleo sites I’ve seen (and most WP sites I’ve seen) hardly anyone is using the WP Admin bar. Its annoying and gives users easy access to the backend. Additionally, plugins like to put their links up there, so you have to constantly hide them through code. Its just easier to create your own menu. Less maintenance. Obviously, this is just my opinion.

Instead of the kleo button shortcode, try the single image shortcode and do as I suggested before which was add kleo-show-login to the css. Again, ‘kleo-show-login’ is the trigger for it. You can add it to anything that accepts a class attribute. I’m suggesting doing it this way because I dont think you can add class attributes to the image in rev slider. You could google it to see if its possible though.

I strongly suggest you hire someone with a bit of wordpress coding to help you customize your site.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

try this

COPY CODE

h3.post-title.entry-title {
overflow: hidden;
text-overflow: ellipsis;
height: 25px;
white-space: nowrap;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

How do you propose making them all the same height? By cutting off half the second line of the title?

To remove the + on hover

COPY CODE

span.hover-element {
display: none;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Kleo removes it. I’ve added back by putting this in my child functions.php file

COPY CODE

add_action( 'woocommerce_single_product_summary', 'woocommerce_template_single_excerpt', 15 );

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

If you’re using a slider, add it to the slider using the widget sidebar shortcode

COPY CODE

[vc_widget_sidebar sidebar_id="sidebar-14"]

You’ll have to add some custom css probably. Or alternatively, add a button to your slider that triggers the login modal (popup) form. Off the top of my head its something like

COPY CODE

[kleo_button title='Login' style='see-through kleo-show-login' icon='desktop' tooltip_position='left' tooltip_action='hover' size='lg' href='#']

kleo-show-login is the trigger. Either way you might want to wrap all of that in the Content By User Type shortcode so it only visible to people who are not logged in.

COPY CODE

[kleo_restrict type="guest"][kleo_button title='Login' style='see-through kleo-show-login' icon='desktop' tooltip_position='left' tooltip_action='hover' size='lg' href='#'][/kleo_restrict]

If you’re just using a picture, make the picture a background of the row.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Okay, try this in your childs functions.php file

COPY CODE

add_action( 'woocommerce_login_form_start', 'kleo_fb_button', 10 );

Please test it out for me so I can add it 🙂

Edit – If this works well, it will be wrapped in a conditional statement that will check to see if fb login is enabled in the theme options. In other words, this is only part of the code that will be used.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

@King Heru. Try this

Create a new Profile Field called Twitter. Make it a text field and put in the description something like “Please input your twitter name including the @ symbol.”

Then go to Theme Options > General Settings, paste the follow code into the JavaScript code field.

COPY CODE

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+'://platform.twitter.com/widgets.js';fjs.parentNode.insertBefore(js,fjs);}}(document, 'script', 'twitter-wjs');</script>

Save it.

Then in your child theme’s functions.php file, add this

COPY CODE

add_action('bp_profile_header_meta','twitter_follow');

function twitter_follow() {
	if ( $data = bp_get_profile_field_data( array('user_id'=>bp_displayed_user_id(), 'field'=>'twitter' )) ) : ?>
    	<a>bp_displayed_user_id(), 'field'=>'twitter')); ?>"class="twitter-follow-button" data-show-count="false">Follow <?php echo bp_get_profile_field_data( array('user_id'=>bp_displayed_user_id(), 'field'=>'twitter')); ?></a>
    <?php endif;
}

If you have any problems with this code, please open up a topic for it to discuss. I want to keep this thread clean.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Yeah, its doable. You’ll have to edit the theme files and set some site wide defaults in theme options to enable transparent menu and move the title out of the breadcrumb area. You’ll need to figure out what files to edit, but when you do, you can add a slider like this

COPY CODE

<?php putRevSlider( "slider_name" ) ?>

Actually, you might only have to edit /page-parts/general-before-wrap.php.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Try this

COPY CODE

li.product figcaption .shop-actions > a.button {
border-right: 0px;
}
.quick-view.hover-tip {
display: none;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

COPY CODE

$redirecturl = apply_filters( 'kleo_modal_login_redirect', '/profiles/' . $info['user_login'], '', $user_signon );

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Assuming you’re talking about this: https://archived.seventhqueen.com/forums/topic/popup-login-not-working-at-homepage#post-42385

Try changing this

COPY CODE

$redirecturl = apply_filters( 'kleo_modal_login_redirect', '/activity/', '', $user_signon );

to this

COPY CODE

$redirecturl = apply_filters( 'kleo_modal_login_redirect', '/' . BP_MEMBERS_SLUG . '/' . $info['user_login'], '', $user_signon );

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

You dont change it on that die line. That is in the registration function. You need to do it around line 93

Change this to wherever you want to go

COPY CODE

 window.location.reload();

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Okay, change the following in /buddypress-like/includes/scripts.php

COPY CODE

add_action( 'get_header' , 'bp_like_insert_head' );

to

COPY CODE

add_action( 'get_footer' , 'bp_like_insert_head' );

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Kleo uses the standard 12 column grid system. To split a container into 4 columns, use the col-sm-3 css class.

COPY CODE

<div class="container">
<div class="col-sm-3">
</div>
<div class="col-sm-3">
</div>
<div class="col-sm-3">
</div>
<div class="col-sm-3">
</div>
</div>

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Those group ‘pages’ were added by some plugin or something. They are not standard and I can assure you, that the ajax search was not coded to search groups by default. Here is the code

COPY CODE

if ( function_exists( 'bp_is_active' ) ) {
        $kleo_post_types['Members'] =  'members';
    }
    $kleo_post_types['Posts'] = 'post';
    $kleo_post_types['Pages'] = 'page';

    $args = array(
        'public'   => true,
        '_builtin' => false
    );
    $types_return = 'objects'; // names or objects, note names is the default
    $post_types = get_post_types( $args, $types_return );

    $except_post_types = array('kleo_clients', 'kleo-testimonials', 'topic', 'reply');

You can see at the beginning, that kleo is only searching members, not groups.

On my site, I have installed the idea stream plugin. The “idea” cpt shows up in the search list, but is not in the results if I leave the “search context” field blank even though it says “Leave unchecked to search in all content”. I need to actually select it in order for it to show up in results. See attached. I’ll talk to @abe about this.

As far a moving the search over to the logo, you’ll need to edit the backend code. The logo and the menu are in separate div’s.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Attachments:

You must be logged in to view attached files.

[sharmstr]

1 – Groups are not searched. See attached. If you’d like groups to be searched, please add it to the Feature Requests topic.

2 – Try this css. It should get you close. If it doesnt work completely, you’ll need to figure it out

COPY CODE

.searchHidden {
display: block !important;
}

3 – Try this

COPY CODE

#nav-menu-item-search {
float: left;
}

4 – This is not available in Kleo. You will have to build a page to combine all search results yourself.

Also, in another topic you asked about a shortcode. There is a VC shortcode for a search bar. See attached.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

Attachments:

You must be logged in to view attached files.

[sharmstr]

They have changed the filter since that code was posted. Try this.

COPY CODE

function kleo_ajax_login()
	{
		// Check the nonce, if it fails the function will break
		check_ajax_referer( 'kleo-ajax-login-nonce', 'security' );

		// Nonce is checked, get the POST data and sign in user
		$info = array();
		$info['user_login'] = $_POST['log'];
		$info['user_password'] = $_POST['pwd'];
		$info['remember'] = (isset( $_POST['remember'] ) && $_POST['remember'] === true) ? true : false ;

		$info = apply_filters('kleo_ajaxlogin_atts', $info);
		
		$user_signon = wp_signon( $info, false );
		if ( is_wp_error( $user_signon ) ){
            $error_msg = $user_signon->get_error_message();
			echo json_encode(array( 'loggedin' => false, 'message' => '<span class="wrong-response"><i class="icon icon-attention"></i> ' . $error_msg . '</span>' ));
            //echo json_encode(array( 'loggedin' => false, 'message' => '<span class="wrong-response"><i class="icon icon-attention"></i> ' . __( 'Wrong username or password. Please try again.', 'kleo_framework' ) . '</span>' ));
        } else {
            if ( sq_option( 'login_redirect' , 'default' ) == 'reload' ) {
                $redirecturl = apply_filters( 'kleo_modal_login_redirect', '/activity/', '', $user_signon );
            }
            else {
                $redirecturl = apply_filters( 'login_redirect', '', '', $user_signon );
            }

			echo json_encode(array('loggedin'=>true, 'redirecturl' => $redirecturl, 'message'=> '<span class="good-response"><i class="icon icon-ok-circled"></i> ' . __( 'Login successful, redirecting...','kleo_framework' ) . '</span>' ));
		}

		die();
	}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

You can restyle them using custom css.

COPY CODE

small.meta-category a {
border: 1px solid;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

I haven’t fully tested it, but try

COPY CODE

.sidebar.sidebar-main.col-sm-3.sidebar-3rr {
width: 20%;
}

.sidebar.sidebar-extra.col-sm-3.sidebar-3rr {
width: 30%;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

For whatever reason (he meant to do it or it was an accident) he removed the line that loads jquery-ui-dialog. I added it back and it appears to have fixed the issue.

Open up /buddypress-like/includes/scripts.php and add the following around line 18, just below the enqueue bplike-jquery line.

COPY CODE

wp_enqueue_script('jquery-ui-dialog');

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Not easily done because its not a ‘divider’, its a border. You can, however, style the border

COPY CODE

.wpb_wrapper .panel+.panel {
border-bottom-style: double;
border-bottom-width: 3px;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

The line is a drop shadow of the li. The li is as tall as ul, which is as tall as the menu section. Reducing the main menu height will close that gap. But as stated earlier, it also reduces the logo height.

So, because the li is the height of the menu and the highlight is a drop shadow of the top of the li, there’s no way to move that highlight down. You can achieve something similar by adding a text-decoration to the menu item (text) on hover

COPY CODE

.kleo-main-header .nav > li > a:hover {
box-shadow: none !important;
text-decoration: overline;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Hello

You can easily reduce the gap size by setting a smaller menu height in theme options – header options – main menu height. Keep in mind that this will also reduce your logo size. If you want to keep the logo size (actually the whole section height and nudge the menu up), try this

COPY CODE

.collapse.navbar-collapse.nav-collapse {
margin-top: -20px;
}

Regarding the border above the main menu, that’s actually the bottom border of the top menu. Each menu item is an li of the #menu-main ul.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Do you have debugging turned on and set to display? If so, they are just warning and should go away if you turn debugging display off. The menu actually works from what I was able to see.

The actual warning is not from breadcrumbs, its from the implode on the menu classes.

COPY CODE

$css_target = preg_match( '/\skleo-(.*)-nav/', implode( ' ', $item->classes), $matches );

Also, if it were me, I’d clean up all of the kleo installs and run kleo from a folder called kleo.

I went back in this morning, but its impossible to do any testing because your site keeps timing out… at least from my location.

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Ok. I remember looking into a similar request a while back. I couldn’t find an easy way to do it with rev slider. I’m sure its possible. Here’s the other thread that doesnt have much info https://archived.seventhqueen.com/forums/topic/full-width-backround-slider

As I said, you can use the slider shortcode in the php files. So, if it were me, I’d probably start buy building a simple page using VC that utilizes a video background. http://seventhqueen.com/themes/kleo/portfolio/video-background-header/ If you look at the source code, the video is a container with a class of video-wrap. The css for video-wrap uses a z-index of 0 which means its in the background. It also sets some coordinates for its position on the page using left and top. The div with the information has a z-index of 1 which puts it on top of the video div. Anyhow, I’d try wrapping the shortcode in a div like so

COPY CODE

<div class="video-wrap">
<?php putRevSlider("elearning_homepage") ?>
</div>

If that got me close, then I would continue to tweak it to make it work.

Having the pages show a slider next to the content like in your example is much easier so you dont have to worry about positioning.

The template file you might want to start with is /page-parts/general-after-wrap.php. I think…

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

try this

COPY CODE

.woocommerce .main-color .single_add_to_cart_button.button {
background-color: red;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[sharmstr]

Its actually there. Your css is hiding it. This is causing it

COPY CODE

/****** HIDE SLIDE-OUT SIDE MENU *****/

nav {
  display: none;
}

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

This support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com

[Author]

Posts