sharmstr

[sharmstr]

I guess you can tell I haven’t spent a ton of time with woo yet.

Not sure which css you used. Does this work or nah?

COPY CODE

div#woocommerce_price_filter-2 {
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]

I recall @abe saying that they will be adding a way to turn off those cpts. I cant find the topic where he said that, so maybe it was in an email to me.

In the meantime, I’ve hidden the menu items in the backend. Are you only using the Types plugin or did you purchase the entire toolset that includes Access? I’m using Access to hide those items in the backend menu, but you can also do it via a function http://codex.wordpress.org/Function_Reference/remove_menu_page or a plugin https://wordpress.org/plugins/admin-menu-editor/

Like you I wanted to control how my cpt was displayed. You can do that by copying /kleo/single.php to your child theme and name it /kleo-child/single-yourcptname.php.

Once you’ve done that change line 34 from

COPY CODE

<?php get_template_part( 'content', get_post_format() ); ?>

to

COPY CODE

<?php get_template_part( 'content'); ?>

Let me know if that works for you.

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]

Couple of problems

1 – Normally home is position 10 and forum is position 20. In your code you are making home position 20, but not moving forum to position 10. That’s why you’re not seeing anything change, though technically, it has changed. Try this

COPY CODE

function custom_group_nav() 
{

global $bp;
if (isset($bp->groups->current_group->slug) && $bp->groups->current_group->slug == $bp->current_item) 
  {
     $bp->bp_options_nav[$bp->groups->current_group->slug]['forum']['position'] = 10;
     $bp->bp_options_nav[$bp->groups->current_group->slug]['members']['position'] = 20;
     $bp->bp_options_nav[$bp->groups->current_group->slug]['home']['position'] = 30;
     $bp->bp_options_nav[$bp->groups->current_group->slug]['home']['name'] = __( 'Novità', 'buddypress' );
}

} 
add_action( 'bp_init', 'custom_group_nav', 100000 );

If you want to change the default tab to forum, you need to put this in your wp-config.php file.

COPY CODE

define( 'BP_GROUPS_DEFAULT_EXTENSION', 'forum' );	

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 just tested the hack and it works. Here’s the VC code. Just change all occurances of “42” to whatever category you want.

COPY CODE

[vc_row][vc_column width="1/4"][product_categories number="1" columns="1" ids="42"][/vc_column][vc_column width="1/4"][product_categories number="1" columns="1" ids="42"][/vc_column][vc_column width="1/4"][product_categories number="1" columns="1" ids="42"][/vc_column][vc_column width="1/4"][product_categories number="1" columns="1" ids="42"][/vc_column][/vc_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]

There isnt a setting for that. You’ll have to customize the kleo_contact_form and the kleo_sendmail functions using your child theme functions.php file. Here’s the form code you need to edit

COPY CODE

function kleo_contact_form( $atts, $content = null ) {
		extract(shortcode_atts(array(
			'title'    	 => 'CONTACT US'
		), $atts));
	
		$output = '';
		
		$output .= '<div class="kleo-quick-contact-wrapper">'
			.'<a href="#"><i class="icon-mail-alt"></i></a>'
			.'<div id="kleo-quick-contact">'
				.'<h4 class="kleo-qc-title">'. $title .'</h4>'
				.'<p>'. do_shortcode($content).'</p>'
				.'<form class="kleo-contact-form" action="#" method="post" novalidate>'
					.'<input type="text" placeholder="'.__("Your Name",'kleo_framework').'" required id="contact_name" name="contact_name" class="form-control" value="" tabindex="276" />'
					.'<input type="email" required placeholder="' . __("Your Email",'kleo_framework') . '" id="contact_email" name="contact_email" class="form-control" value="" tabindex="277"  />'
					.'<textarea placeholder="' . __("Type your message...",'kleo_framework') . '" required id="contact_content" name="contact_content" class="form-control" tabindex="278"></textarea>'
						.'<input type="hidden" name="action" value="kleo_sendmail">'
						.'<button tabindex="279" class="btn btn-default pull-right" type="submit">'. __("Send",'kleo_framework').'</button>'
					.'<div class="kleo-contact-loading">'. __("Sending",'kleo_framework').' <i class="icon-spinner icon-spin icon-large"></i></div>'
					.'<div class="kleo-contact-success"> </div>'
				.'</form>'
				.'<div class="bottom-arrow"></div>'
			.'</div>'
		.'</div><!--end kleo-quick-contact-wrapper-->';
			
		return $output;
	}
	add_shortcode('kleo_contact_form', 'kleo_contact_form');


function kleo_sendmail()
	{
		if(isset($_POST['action'])) {

			$error_tpl = "<span class='mail-error'>%s</span>";
			
			//contact name
			if(trim($_POST['contact_name']) === '') 
			{
				printf($error_tpl, __('Please enter your name.','kleo_framework') );
				die();
			}
			else 
			{
				$name = trim($_POST['contact_name']);
			}

			///contact email
			if(trim($_POST['contact_email']) === '') 
			{
				printf($error_tpl, __('Please enter your email address.','kleo_framework') );
				die();
			} 
			elseif (!preg_match("/^[[:alnum:]][a-z0-9_.-]*@[a-z0-9.-]+.[a-z]{2,4}$/i", trim($_POST['contact_email']))) 
			{
				printf($error_tpl, __('You entered an invalid email address.','kleo_framework') );
				die();
			} 
			else 
			{
				$email = trim($_POST['contact_email']);
			}

			//message
			if(trim($_POST['contact_content']) === '') 
			{
				printf($error_tpl, __('Please enter a message.','kleo_framework') );
				die();
			} 
			else 
			{
				if(function_exists('stripslashes')) {
					$comment = stripslashes(trim($_POST['contact_content']));
				} else {
					$comment = trim($_POST['contact_content']);
				}
			}

			$emailTo = sq_option('contact_form_to','');
			if (!isset($emailTo) || ($emailTo == '') )
			{
				$emailTo = get_option('admin_email');
			}

			$subject = __('Contact Form Message','kleo_framework');
			apply_filters('kleo_contact_form_subject',$subject);

			$body = __("You received a new contact form message:", 'kleo_framework');
			$body .= __("Name: ", 'kleo_framework') . $name . "<br>";
			$body .= __("Email: ", 'kleo_framework') .$email . "<br>" ;
			$body .= __("Message: ", 'kleo_framework') . $comment . "<br>";

			$headers[] = "Content-type: text/html";
			$headers[] = "Reply-To: $name <$email>";
			apply_filters('kleo_contact_form_headers',$headers);

			if(wp_mail($emailTo, $subject, $body, $headers))
			{
				echo '<span class="mail-success">' . __("Thank you. Your message has been sent.", 'kleo_framework').' <i class="icon-ok icon-large"></i></span>';

				do_action('kleo_after_contact_form_mail_send', $name, $email, $comment);
			}
			else
			{
				printf($error_tpl, __("Mail couldn't be sent. Please try again!",'kleo_framework') );
			}

		}
		else
		{
			printf($error_tpl, __("Unknown error ocurred. Please try again!",'kleo_framework') );
		}
		 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]

Definitely doable. I haven’t tried to do this, but the first thing that pops into my head is set up everything in Theme Options to what you want to display for users. Then in your childs functions.php file, add a function that will check to see if the logged in user is a moderator or an admin and load a custom css file if so. Something along the lines of (note, this is untested code)

COPY CODE

if ( current_user_can( 'moderate' ) ) {
wp_enqueue_style( 'moderator-styel', get_stylesheet_uri() );
} else if ( current_user_can( 'edit_posts' ) ) {
wp_enqueue_style( 'admin-style', get_stylesheet_uri() );
}

Then to handle the styling by user type in the activity feed, you’ll have to copy the kleo/buddypress/activity/entry.php file to your child theme and edit it to get the activity user id. Once you have that you can see if the user is an admin or moderator and add different css classes to the divs you want to change.

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’re still not using the child theme.

In any case, I added some code that prints out which file is being used to print out parts of the page. You say that you tried disabling all plugins and it still didnt work. Well, here’s you’re culprit

COPY CODE

<!– Template Part: members/single/activity-wall.php –>

<div class=”item-list-tabs no-ajax” id=”subnav” role=”navigation”>

See how the ul is missing the class=”repsonsive-tabs”?

I deactivated buddypress wall and the +- shows up. You have 94 plugins installed. You’re going to have issues.

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 it were me, I’d only touch it on the single.php page. Then in my functions.php file, I’d do something like the following so you dont have to keep child copies of all the content-xxx files

COPY CODE

function kleo_entry_meta($echo=true, $att=array()) {
	if (get_post_type() == 'yourcpt') {
		$meta_list = array();
		
		// Translators: used between list items, there is a space after the comma.
		$categories_list = get_the_category_list( __( ', ', 'kleo_framework' ) );

		// Translators: used between list items, there is a space after the comma.
		$tag_list = get_the_tag_list( '', __( ', ', 'kleo_framework' ) );

		$date = sprintf( '<a href="%1$s" title="%2$s" rel="bookmark"><time class="entry-date" datetime="%3$s">%4$s</time></a>',
			esc_url( get_permalink() ),
			esc_attr( get_the_time() ),
			esc_attr( get_the_date( 'c' ) ),
			esc_html( get_the_date() )
		);

		$author = sprintf( '<a href="%1$s" title="%2$s" rel="author">%3$s</a>',
			esc_url( get_author_posts_url( get_the_author_meta( 'ID' ) ) ),
			esc_attr( sprintf( __( 'View all posts by %s', 'kleo_framework' ), get_the_author() ) ),
			get_the_author()
		);

		$meta_list[] = '<small class="meta-author">'.$author.'</small>';
		$meta_list[] = '<small>'.$date.'</small>';
		
		$cat_tag = array();
		
		if ( $categories_list ) {
			$cat_tag[] = $categories_list;
		}
		
		if ($tag_list) {
			$cat_tag[] = $tag_list;
		}
		if (!empty($cat_tag)) {
			$meta_list[] = '<small class="meta-category">'.implode(", ",$cat_tag).'</small>';
		}
		
		//comments
		if (!isset($att['comments']) || (isset($att['comments']) && $att['comments'] !== false)) {
		$meta_list[] = '<small class="meta-comment-count"><a href="'. get_permalink().'#comments">'.get_comments_number().' <i class="icon-chat-1 hover-tip" 
			data-original-title="'.sprintf( _n( 'This article has one comment', 'This article has %1$s comments', get_comments_number(), 'kleo_framework' ),number_format_i18n( get_comments_number() ) ).'" 
			data-toggle="tooltip" 
			data-placement="top"></i></a></small>';
		}
		
		if ($echo) {
			echo implode(", ", $meta_list);
		}
		else {
			return implode(", ", $meta_list);
		}
		
	}
}

Just change ‘yourcpt’ to whatever your cpt is.

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]

What abe meant by buddypress folder is the buddypress folder in the kleo theme. Copy /kleo/buddypress/activity/index.php to your child theme using the same directory structure. Also, normally you’d do a ‘do_shortcode’, but rev slider has its own function which is putRevSlider.

COPY CODE

<?php putRevSlider("your-slider-name"); ?>

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]

As a test, I manually edited the jquery file so that it would set the video width to 600px instead of 100%. It worked. Then I changed it back and tried this css and it worked.

COPY CODE

.fluid-width-video-wrapper{width:600px;position:relative;padding:0;}.fluid-width-video-wrapper iframe,.fluid-width-video-wrapper object,.fluid-width-video-wrapper embed {position:absolute;top:0;left:0;width:600px;height:100%;}

So, try that css instead. If it doesn’t work for you, please respond with a link to where its not working so we can see what’s going on.

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 have the transparent turned on at the page level. Go into page editor for your home page, scroll down to options and uncheck transparent menu.

Or if you want it transparent to begin with, but white when you scroll, then put this in your child css.

COPY CODE

.navbar-transparent .navbar .kleo-main-header.header-scrolled {
background-color: #fff;
}
.navbar-transparent #header .logo a, .navbar-transparent .navbar .navbar-nav > li > a, .navbar-transparent .navbar .navbar-nav .caret:after {
color: #444444;
}

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]

Me again, I think this might be better and catch any ‘type’ of input…

COPY CODE

.wpcf7 textarea, .wpcf7 input[type] {
color: #444444;
}

Sorry for all the answers.

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]

ooops

and you’ll need this as well

COPY CODE

.wpcf7 textarea {
color: #444444;
}

Let me know if I missed anything else.

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]

whoop

COPY CODE

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 input[type="password"] {
color: YesYouShouldHaveMentionedThat;
}

🙂

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]

There’s actually several places. Search box is one color, activity is another. But for the most part they should all be #444444 by default.

Try this

COPY CODE

.standard-form input[type=text] {
color: #444444;
}

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 think you might have to change the jquery call, but try this first and let me know if it works. If not, I’ll hunt it down for you. I just cant remember off the top of my head where its at.

COPY CODE

.fluid-width-video-wrapper {
width: 600px;
}

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 adding this to your css

COPY CODE

.navbar-nav .btn-highlight {
background-color: #fff;
}

.header-scrolled .btn-highlight {
background-color: #00b9f7 !important;
}

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 aren’t theme problems, they are Buddypress, WordPress and bbPress issues. With that said….

1 – WP admin – settings – menu – buddypress – profile

2 – Not sure if I follow, but if you’re talking about the information you’ve typed in the visual editor when you created the forum category, you can hide that

COPY CODE

#bbpress-forums .bbp-forum-info .bbp-forum-content {
display: none !important;
}

3 – Ask over on the bbPress forum https://bbpress.org/forums/

4 – The Kleo documentation mentions “- Social Articles – allow users to create posts right from their BuddyPress profile”

Hope that helps.

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]

Why did you remove this?

COPY CODE

.offcanvas-sidebar {
width: 400px;
}

dark background on close. add this

COPY CODE

.offcanvas-type-overlay .offcanvas-sidebar {
background: none;
}

left border

COPY CODE

.offcanvas-sidebar.is-open {
border-left: 1px solid #eee;
}

I strongly suggest you hire someone to help you with all of this.

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]

– to fully close

COPY CODE

.offcanvas-right.offcanvas-type-default .offcanvas-sidebar, .offcanvas-right.offcanvas-type-overlay .offcanvas-sidebar {
-webkit-transform: translate(400px,0);
transform: translate(400px,0);
}

– background color

COPY CODE

.offcanvas-sidebar.is-open {
background-color: #fff;
}

– add a menu happens because you’re using the side menu without a menu. Try this to hide it

COPY CODE

ul.offcanvas-menu {
display: none;
}

– your activity issue probably has something to do with your minutes to read plugin throwing errors.

– show less

COPY CODE

span.bp-toggle-less {
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 (and other themes) loads parts of the page using several different .php files. You’ll have to create new files for the sections that need to be changed so you can call your own custom files and functions. Its more work than I’m willing to do for you, but here’s some things that should help.

– Start will a copy of /page-templates/full-width.php.

– Put this is your childs function.php file. It will print out what files the page loads in the page source. From there you can figure out what sections you need to override (example: instead of calling general-before-wrap.php where the container class is set, you can call custom-general-before-wrap.php)

COPY CODE

/**
 * show included template files
 */
add_action('all','template_snoop');
function template_snoop(){
    $args = func_get_args();
    if( !is_admin() and $args[0] ){
        if( $args[0] == 'template_include' ) {
            echo "<!-- Base Template: {$args[1]} -->\n";
        } elseif( strpos($args[0],'get_template_part_') === 0 ) {
            global $last_template_snoop;
            if( $last_template_snoop )
                echo "\n\n<!-- End Template Part: {$last_template_snoop} -->";
            $tpl = rtrim(join('-',  array_slice($args,1)),'-').'.php';
            echo "\n<!-- Template Part: {$tpl} -->\n\n";
            $last_template_snoop = $tpl;
        }
    }
}

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]

Theme options – Layout Settings
– Site layout wide
– Main layout 1 column
– Page title location Main section
– Quick css, add the following

COPY CODE

.container {
max-width: 100%;
}

If you want to hide the title, add this as well

COPY CODE

h1.page-title {
display: none;
}

Theme options – Header Options
– Show breadcrumb off
– Main menu info blank

That should get you close. Report back with anything else.

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]

1 – Add this css to your child theme

COPY CODE

.offcanvas-type-default .offcanvas-sidebar {
background: #ffffff;
}

.offcanvas-sidebar {
width: 400px;
}

2 – Please search. Its been answered several times.

3 – That’s a bit of a pain in the rear because of the way the +- works. Maybe the Kleo team has an easy solution for you.

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 clue is the mfp-hide css class. That tells the page to hide the div unless its supposed to be displayed when you click login (or something similar). Its not being hidden because your page isn’t loading /kleo/assets/js/plugins/magnific-popup/magnific.css which has

COPY CODE

.mfp-hide {
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

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

[sharmstr]

Why are you putting .addClass(‘activity’)? Looking at the code you provided, you shouldn’t change that part. It should stay .addClass(‘loading’); Looks like you need to change 3 lines, not just one.

line 52

COPY CODE

jq(".activity li.load-more").addClass('loading');

line 71

COPY CODE

jq(".activity li.load-more").removeClass('loading');//Theme authors, you may need to change #content to the id of your container here, too.

line 79

COPY CODE

 jq(".activity ul.activity-list").append(response.contents);

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’m not sure I completely understand, but you can try adding the following css to your home page

Bring up your homepage in VC.
Click on the gear icon to add css to that page (see image)
Add this and save

COPY CODE

.item-desc {
display: none;
}

.update {
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

Attachments:

You must be logged in to view attached files.

[sharmstr]

Use this css

COPY CODE

.pagination-sticky {
display:none;
}

.portfolio-header .post-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

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

[sharmstr]

Add your custom css to your child theme or quick css. The css selector you need to use is blockquote

COPY CODE

blockquote {
padding: 10px 20px;
margin: 20px 0;
border-left-style: solid;
border-left-width: 5px;
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

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

[sharmstr]

@abe: Small issue with featured carosel and small listing enabled. There’s no padding between the carousel items. Here’s the offending csss

COPY CODE

.small-listing .post-item {
padding: 20px 0;
}

With masonry enabled, it puts 10px padding on left and right. With small listing, it sets it to 0.

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 havent tried this, but maybe you can add a Extra class name to the column settings (pencil icon at the top of the column). Then use that name in your child css to set the height and overflow to scroll

COPY CODE

.scrollthis {
height: 200px;
overflow: scroll;
}

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]

Did you want something like this? (change your links to point to the correct location)

COPY CODE

<p style="text-align: center;"><strong>©2014 Bantoozone</strong> – <a><strong>Réseau social</strong></a> | <a><strong>Generales Conditions</strong></a> | <a href="https://bantoozone.com/about/"><strong>About</strong></a> | <a href="https://bantoozone.com/contact/"><strong>Contact</strong></a></p>

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. That’s happening because its a post and not a page. Posts have the meta data section. You can turn that off site-wide in theme options, or if you just want to hide it on your cpt, then you can use this css

COPY CODE

.type-anbieter .article-meta {
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]

Technically they are loading in a masonry grid. Kleo, however, sets a height on each image which is why there’s a gap under landscape images.

Try this in your child css

COPY CODE

#buddypress .rtmedia-container .rtmedia-list .rtmedia-list-item {
height: auto;
}

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]

remove “:after”

COPY CODE

article .article-meta .post-meta a.post-time {
   content: none;
   display: none;
 }
small.meta-category {
  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]

I’m using Types. I’ll give you an outline of what I did on my site to integrate it with Kleo, but this is a lot of work and you really need to be asking your questions over on the Types forum.

To display your cpt in the format that you’ve provided a picture of, you’ll have to either code it yourself by creating a single-yourcptname.php file or use Views and/or Layouts plugins available from the same people who wrote the Types plugin.

Personally, I’m using their Views plugin for archive pages because I wanted the ability to sort/filter my CPT listing (See parametric search: http://wp-types.com/documentation/user-guides/front-page-filters/) . It was a bit of a chore because I had to recreate the Kleo masonry grid in their UI.

But for displaying the actual cpt single page I’m using the Types API. Here’s how I did it.

1 – I wanted to use some of Kleo’s options under “Theme General Settings” to allow my authors to use videos and Spotify playlist. By default those options only show up on WP Posts and Pages. To add it to your CPT you need to put this in your functions.php file

COPY CODE

add_filter( 'kleo_meta_boxes', 'kleo_my_metaboxes' );
function kleo_my_metaboxes( array $meta_boxes ) {
 
    // Start with an underscore to hide fields from custom fields list
    $prefix = '_kleo_';
    
    $meta_boxes[] = array(
        'id'         => 'general_settings',
        'title'      => 'Media',
        'pages'      => array( 'yourcptname' ), // Post type
        'context'    => 'normal',
        'priority'   => 'default',
        'show_names' => true, // Show field names on the left
        'fields'     => array(
           
            array(
                'name' => 'Slider',
                'desc' => 'Used when you select the Gallery format. Upload an image or enter an URL.',
                'id'   => $prefix . 'slider',
                'type' => 'file_repeat',
                'allow' => 'url'
            ),
            array(
                'name' => 'Media oEmbed URL',
                'desc' => 'Used when you select Video format. Enter a Youtube, Vimeo, Soundcloud, etc URL. See supported services at <a target="_blank" href="http://codex.wordpress.org/Embeds" rel="nofollow">http://codex.wordpress.org/Embeds</a>.',
                'id'   => $prefix . 'embed',
                'type' => 'oembed',
            )
        )
    );
    return $meta_boxes;
}

Again, I only wanted to show the media options, but you can add anything you want. Just look at /kleo/lib/metaboxes.php

2 – The next thing I did was copy all of the content files (i.e. content-image.php) from /kleo/content-xxx.php to /kleo-child/content-xxx.php My goal was to keep the standard kleo post layout, but add some information from my CPT meta info to the page, specifically between the media at the top of the post and the actual article content. To do so, I added the following just before ‘the_content–‘ call which allows me to inject whatever I want there.

COPY CODE

<?php get_template_part('page-parts/yourcptname'); ?>

Note: @abe recently told me how to do this by hooking into the the_content filter, but I haven’t implemented it yet: https://archived.seventhqueen.com/forums/topic/handling-custom-post-types#post-34846 Potentially, this will allow me to do what I want without having to copy all of the content-xxx.php files to my child theme.

3 – Then I created a new file called yourcptname.php and put it in /kleo-child/page-parts/. That file has all of the Types code. You can learn all about outputting Types info using php here: http://wp-types.com/documentation/user-guides/displaying-wordpress-custom-fields/#1

That should give you enough information to do some damage. If you don’t know PHP, you should hire someone to help. With that said, there is a wealth of information about all of this in the Toolset forums: https://wp-types.com/forums/

Some final thoughts – Without fully understanding your requirement, I’d say you might be able to just copy /kleo-single.php to /kelo-child/single-yourcptname.php and edit that file so it outputs the Types custom meta info in the format you want. More info on that here: http://codex.wordpress.org/Post_Type_Templates

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

#buddypress #whats-new-options {
height:40px;
overflow: hidden;
}

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]

In the future, it will be helpful if you provide more information on what you tried (the code). I’ll take a guess here and assume that you used something like add_action( ‘bp_setup_nav’, ‘custom_profile_setup_nav’, 100000 );

For rtMedia (the media tab) you need to load it on bp_init, not bp_setup_nav

COPY CODE

add_action('bp_init','change_media_tab_position', 12);
function change_media_tab_position(){
    global $bp;
    if( isset ($bp->bp_nav['media'])){
        $bp->bp_nav['media']['position'] = 10;
    }
}

Let me know if I guessed right 🙂

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#activity-all {
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]

All of those parts are in /kleo/single.php. Just copy it to your child theme and move them around. You’ll see 3 different sections in the middle of the file.

This prints the post content

COPY CODE

<?php get_template_part( 'content', get_post_format() ); ?>

This prints the social section

COPY CODE

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

This prints the related section

COPY CODE

<?php 
if( $related == 1 ) {
	get_template_part( 'page-parts/posts-related' );
}
?>

Just switch their positions. You may find that you’ll have to make a few css adjustments, but the whole things looks like it should be pretty easy to do.

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 caching enabled?

Try editing the code so it has to print something. Put something like “is this darn thing working” right after <div class=”profile_fileds”>

COPY CODE

<div class="profile_fields"> Testing 1, 2, 3. <span style="font-size:22px; color:#222222; font-weight: normal;">

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