sharmstr

[sharmstr]

Try this

COPY CODE

#ajax_search_container:before {
left: 20px !important;
}

#ajax_search_container {
left: -22px !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]

Hey Woman!

Just add the selector for the amount of columns you have. This would be for 1 and 2 columns

.kleo-main-header .nav li.kleo-megamenu.mega-1-cols>.dropdown-menu, .kleo-main-header .nav li.kleo-megamenu.mega-2-cols>.dropdown-menu {
width: 500px;
}
 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 in your quick css

COPY CODE

.kleo-main-header .nav li.kleo-megamenu.mega-2-cols>.dropdown-menu {
  width: 500px;
}

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 either translate it or copy the following function to your child functions.php file

COPY CODE

 function kleo_portfolio_filter( $parent_category = "", $exclude_categories = array() ) {

        $filter_output = $tax_terms = "";

        if ( $parent_category == "" || $parent_category == "all" ) {
            $tax_terms = kleo_get_category_list( 'portfolio-category', 1 );
        } else {
            $tax_terms = kleo_get_category_list( 'portfolio-category', 1, $parent_category );
        }

        $filter_output .= '<div class="filter-wrap row clearfix">'. "\n";
        $filter_output .= '<ul class="portfolio-filter-tabs bar-styling filtering col-sm-12 clearfix">'. "\n";
        $filter_output .= '<li class="all selected"><a href="#"><span class="item-name">'. __("Screenshots", "kleo_framework").'</span></a></li>'. "\n";
        foreach ($tax_terms as $tax_term) {
            $term = get_term_by('name', $tax_term, 'portfolio-category');
            if ( $term && ! in_array( $term->term_id, $exclude_categories ) ) {
                $filter_output .= '<li><a href="#">slug . '"><span class="item-name">' . $term->name . '</span></a></li>'. "\n";
            }
        }
        $filter_output .= '</ul></div>'. "\n";

        return $filter_output;
    }

I strongly suggest translating it.

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 testimonial shortcode will work without VC. There are two many options for me to type out for you, so I suggest installing/activating it to build the displays you want. Then copy the shortcode and disable VC. Here’s the basic carousel

COPY CODE

[kleo_testimonials type="carousel" specific_id="no" number="3" tags=""]

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 in quick css until they can release a fix.

COPY CODE

#main-container #item-header {
  display: none !important;
}

Moving to bugs 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]

Sorry for the delay. Try this

COPY CODE

.rtmedia-plupload-container.rtmedia-container.clearfix {
    height: auto !important;
    visibility: visible !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]

What the heck file path is that? LOL

Copy /kleo/buddypress/members/member-loop.php to /kleo-child/buddypress/members/member-loop.php, then make your edits. Try this instead though

COPY CODE

<?php if ( bp_has_members( bp_ajax_querystring( 'members' ). '&per_page='.sq_option('bp_members_perpage', 24) . '&type=alphabetical' ) ) : ?>

Now, that only handles the loop with in the /members/ context. Groups aren’t in the /members context, they are in… wait for it….. the /groups context. 🙂 That’s why you dont see it working there. Do the same above, but with the /kleo/buddypress/groups/single/members.php file.

COPY CODE

<?php if ( bp_group_has_members( 'exclude_admins_mods=0&per_page='.sq_option('bp_members_perpage', 12) . '&type=alphabetical' ) ) : ?>

btw – this is off the top of my head. I havent tested any of it 🙂

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 in quick css.

COPY CODE

.popover {
   z-index: 900;
}

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

.kleo-main-header {
  background-image: url("http://www.flavourex.com/wp-content/uploads/2015/06/9036048_l.jpg") !important;
}

.kleo-main-header .container {
  padding-left: 0px;
  padding-right: 0px;
}

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

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 can see the css that’s causing the issue, but I dont know why its loading the way it is. I cant reproduce it. As a working around, try this in your quick css

COPY CODE

.navbar-transparent .header-color, .navbar-transparent .header-color .kleo-main-header {
  background-image: url("http://www.flavourex.com/wp-content/uploads/2015/06/9036048_l.jpg") !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]

put this in your functions file

COPY CODE

add_action('init','remove_pm_email_restrict');

function remove_pm_email_restrict() {
  remove_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

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

[sharmstr]

Try this instead

COPY CODE

add_action( 'init', 'wooDescrioption', 10 );

function wooDescrioption() {
    remove_action( 'woocommerce_single_product_summary', 'woocommerce_output_product_data_tabs', 31 );
    remove_action( 'woocommerce_after_single_product_summary', 'kleo_woocommerce_output_related_products', 20 );
    add_action( 'woocommerce_after_single_product_summary', 'woocommerce_output_product_data_tabs', 10 );
    add_action( 'woocommerce_after_single_product_summary', 'kleo_woocommerce_output_related_products', 20 );

}

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

body.is-user-profile #item-header-avatar {border-width: 6px;}
body.is-user-profile .profile-cover-inner {
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.5) 100%, rgba(0,0,0,0.5) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(100%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,0.5))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  rgba(0,0,0,0.5) 100%,rgba(0,0,0,0.5) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 100%); /* IE10+ */

    background: linear-gradient(rgba(0,0,0,0.5) 100%,rgba(0,0,0,0.5) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
}

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

.is-user-profile #item-header-avatar {
  display: none !important;
}

If you dont want the avatar to display in groups as well, remove .is-user-profile.

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]

View is built into the message and there is no class on it so its a bit difficult to remove it without removing the message completely IF the message contains a url.

With that said, you can try this in your child css (or quick css)

COPY CODE

#item-header-content #latest-update a {
display: none;
}

So, if the message is just text, only View will be removed. But if its a url, all of it will be removed. See attached for an example of what I’m talking about.

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]

Try this in your childs functions.php file

COPY CODE

function kleo_membership_info()
{
    global $membership_levels, $current_user;
    if (!$membership_levels) {
        return;
    }

    $levels_arr = array('2','3','4');
    if (bp_is_my_profile()) {
        if ( isset($current_user->membership_level) && in_array($current_user->membership_level->ID, $levels_arr) ) {
            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>';
        }
    }
}

Change the $levels_arr to the IDs of the levels you do NOT want to show ‘upgrade’ to. Those levels will display the level name instead of Upgrade Account.

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]

That depends on where exactly you want it displayed. To put it on top of the main content, you can use this in your childs functions.php file

COPY CODE

function add_to_forums() {
	if ( ( function_exists('is_bbpress') && is_bbpress() ) && ( function_exists('is_buddypress') && !is_buddypress() ) ) {
			do_shortcode('[yourshortcode]');
	}
}
add_action("kleo_before_main_content", "add_to_forums");

If you want it elsewhere, take a look in the template files located in /kleo/page-parts; specifically the before wrap, title and header files. Look for do_action(‘xxxx’) and change “kleo_before_main_content” in my example to whatever xxxx 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]

That’s not a bug. That’s how its supposed to work. You can change that. Search is your friend

COPY CODE

.bg-full-video .container, .bg-full-video .container-full {
pointer-events: 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]

Try all of this instead

COPY CODE

#buddypress div.profile .dl-horizontal dt {
  float: left;
  text-align: left;
}

#buddypress div.profile .dl-horizontal dd {
  clear: both;
  margin-left: 0;
  text-align: left !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]

try this

COPY CODE

#buddypress div.profile .dl-horizontal dd {
  margin-left: 50px;
  clear: both;
}

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 dont know why its screwed up either. Maybe its another plugin conflict overriding the css. Put this in your quick css

COPY CODE

#bp-login-widget-form input[type="text"] {
width: 100% !important;
}

.widget_bp_core_login_widget .gap-20 {
  display: none;
}

.widget_bp_core_login_widget {
  line-height: 10px;
}

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 in your quick css

COPY CODE

.header-color .caret:after, .header-color .widget_archive li:before, .header-color .widget_categories li:before, .header-color .widget_product_categories li:before, .header-color .widget_layered_nav li:before, .header-color .widget_display_views li:before, .header-color .widget_recent_entries li:before, .header-color .widget_recent_comments li:before, .header-color .panel .icon-closed, .header-color .panel .icon-opened {
  color: #fff !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]

I’m not saying the plugin is installed in cpanel. I’m saying look for caching at the host level. That could be any number of caching application supplied by your host. As I mentioned, I’ve tested this with two sites and its not a Kleo / BP 2.3 issue. You can try temporarily activating the WP 2015 theme and see if you still have the issue. I’m guessing you will.

for the third question, you’ll have to copy /kleo/buddypress/groups/single/group-header.php to your child theme and replace this

COPY CODE

<h4 class="highlight"><?php bp_group_type(); ?></h4>

with this

COPY CODE

<h4 class="highlight"><?php  bp_group_name(); ?></h4>

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]

No, the same thing happens on the demo site (see attached). The related carousel doesn’t necessarily show the full image. It uses aq_resize to resize the full image on the fly. Check out line 131 of /kleo/page-parts/post-content-carousel.php. aq_resize is passed $kleo_config[‘post_gallery_img_width’], $kleo_config[‘post_gallery_img_height’] and set to hard crop. Those sizes are hardcoded to

COPY CODE

//Post image sizes for carousels and galleries
$kleo_config['post_gallery_img_width'] = 480;
$kleo_config['post_gallery_img_height'] = 270;

So, if you want to ensure that your images will display the way you want them to every time, make sure they have the same width/height ratio as stated above.

Alternatively, you can copy the above file into your child theme and changed the aq_resize parameters. https://github.com/syamilmj/Aqua-Resizer

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]

@chunkee – Dont edit any css files except /kleo-child/styles.css. The code to change the search input is

COPY CODE

#ajax_searchform input {
  color: #ccc !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]

Group cover full width is available in kleo 3.0

Try this

COPY CODE

#item-header {
  min-height: 600px;
}

#item-header img.avatar {
  width: 200px !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]

Put this in quick css

COPY CODE

#buddypress #item-header {
  min-height: 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]

You’ll need to define a new shortcode in your childs functions.php file, put your custom template file in /kleo-child/vc_templates/buddypress/, then use VC’s shortcode mapper to add it to vc.

Example assumes you’ve named your template custom_bp_members_grid.php

COPY CODE

add_shortcode( "custom_bp_members_grid", "custom_bp_members_grid_func");

function custom_bp_members_grid_func($atts, $content = null) {
	
	global $kleo_config;
	$shortcode = array(
        'name' => 'Custom Members Grid',
        'category' => 'buddypress',
        'example' => '[kleo_bp_members_grid type="newest" number="12" size="150" class=""]'
    );
	$output = '';

	if(!isset($shortcode)) {
		return;
	}

		include get_stylesheet_directory() .'/vc_templates/buddypress/custom_bp_members_grid.php';
	

	return $output;
}

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 be better containing it to the article div though

COPY CODE

article {
  line-height: 32px;
}

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 is no difference quick css and style.css except that quick css saves it do the db with your other settings.

COPY CODE

.post-footer .muted:hover {
  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]

COPY CODE

.post-footer .muted {
  color: #000 !important;
}

.post-header .post-title a {
  color: red !important;
}

.post-footer .item-likes span, .post-footer .item-likes::before {
  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]

If they have a shortcode, you can add it to the popup by putting this in your childs function.php file. Be sure to replace clef_shortcode with the actual shortcode for Clef

COPY CODE

/* Add clef login to Kleo login modal */
add_action( 'kleo_before_login_form','add_clef_to_login_modal' );
function add_clef_to_login_modal() {
	
     do_action('clef_shortcode');
 
}

Note: I have no idea if it will actually work. I’m merely giving you the code to inject their shortcode into the popup login form.

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

li.rtmedia-list-item.media-type-photo {
  display: inline;
}

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. I found what’s causing it. I’m not sure how the devs will end up fixing it, but I will alert them to it and it will be fixed in Kleo 3.0.

In the meantime, open up /kleo/woocommerce/single-product/product-thumbnails.php. Scroll down to around line 50 and change it from this

COPY CODE

$image_link = $image_src[0];

to this

COPY CODE

//$image_link = $image_src[0];

Normally I wouldnt have you edit core files, but since there will be a fix, its okay in this instance.

Let me know if it causes any issues. I did some basic testing and it seems fine.

(@abe – pushing up the initial fix. Seems you’ve just defined $image_link twice. The first define is correct, the second changes the href to the thumbnail. )

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’t do it that way because its a link, not just plain text. Try this

COPY CODE

.btn-buy.menu-item a {
  color: #fff;
}

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]

That’s not the section background. There is no gaps between the posts. What you want to change is the individual item div backgrounds. Try this instead

COPY CODE

.post-item {
  background-color: #000 !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]

It uses the Section Style dropdown. So if you dont have a section that has a black background, you cant do it that way. You can either use the footer section which is by default pretty dark, or you can add some css to do it. At the bottom of the row settings add “black-bg” without the quotes to the Extra CSS box. Save it. Click on the gear icon at the top of VC and try this.

COPY CODE

.black-bg {
    background-color: #000 !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]

Add the following “btn-buy btn-default” without the quotes to your menu item css. If you dont see the css box, enable it by clicking on screen options in the upper right part of the screen.

Then in your quick css add

COPY CODE

.btn-buy.menu-item {
  background-color: #00b9f7;
}

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 dont know what to tell you. The code works for me. Have you tried troubleshooting? Have you verified that

COPY CODE

get_the_term_list( $post->ID, ‘project_categories’, ”, ‘, ‘ );

returns something?

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