Abe

[Abe]

In fact I see it is generated automatically to be contract from the section background
You can override it with a custom css in the Quick Css section from Theme options

COPY CODE

#buddypress ul#activity-stream.activity-list > li .activity-content .activity-header p a {
    color: red;
}

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, until the next theme update please add this css to your Quick css section to fix it

COPY CODE

#buddypress ul.activity-list > li {
	overflow: visible;
}

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]

sure it is, add this css in your Theme options – Quick css section:

COPY CODE

.profile-cover-action {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 there,

To keep the changes over the theme updates, you should install and activate the kleo-child theme and the code I first gave you should go to kleo-child/functions.php. This way you won’t lose those changes added to the theme and also the child theme allows you to copy theme templates if you want to override some. More here: https://codex.wordpress.org/Child_Themes

Related to the tags:
– first, you need to disable them from the top area by going to Theme options – Blog – (see image attached) and remove the “tags” option from the list.
-second, I made a quick script for you so you can show the tags at the bottom of the page. With your child theme active you should add the code above in the kleo-child/functions.php

COPY CODE

function kleo_custom_show_post_tags($content) {
    if ( is_single() ) {
        $tag_list = get_the_tag_list( '', __(', ', 'kleo_framework'));
        if ( isset( $tag_list ) && $tag_list ) {
            $tags_array = explode(',', $tag_list);

            $tag_html = '';
            foreach ($tags_array as $tag ) {
                $tag_html .= '<span class="label label-primary">' . $tag . '</span> ' ;
            }
            $content .= '<style>span.label.label-primary a {color: #fff;}</style>';
            $content .= 'Tags: ' . $tag_html;
        }
    }
    return $content;
}
add_action( 'the_content','kleo_custom_show_post_tags', 20 );

I will also add this as an option on the next theme release.

Related to the breadcrumb, if you have the regular setting with just the postname, what breadcrumb do you get?

Thanks for your suggestions, the post layout/thumb should be a great addition.

Cheers

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.

Attachments:

You must be logged in to view attached files.

[Abe]

I see what you mean for the category.
To adjust the size for those images you just need to add this to your child theme/functions.php

COPY CODE

add_action( 'after_setup_theme', 'kleo_custom_media_size', 20 );

function kleo_custom_media_size() {
    global $kleo_config;
    $kleo_config['post_gallery_img_width'] = 260; //initial was 480
    $kleo_config['post_gallery_img_height'] = 146; //initial was 270
}

Let me know if I missed something.

Cheers

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 there, the left/right space is not a bug and it is just the maximum width for the container that is default in KLEO.
You can adjust it with a custom css rule:

COPY CODE

.container { max-width: 1440px !important;}

You can adjust the content/sidebar width for 2 and 3 columns templates from Theme options – Layout settings – (see attached image)
To make a column bigger that the other in the 3 columns template will require from you CSS customizations

Breadcrumb takes the setting you choose in Settings – Permalinks. Try to include /%category%/ too in the permalink

To move the tags you need to make some customizations on the theme templates. You will need basic php knowledge to edit the function kleo_entry_meta() so you won’t show them at top and then in single.php to generate the tags there.

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.

Attachments:

You must be logged in to view attached files.

[Abe]

In your page there is a google maps script loading which is calling the csi.gstatic resources.

Disable some plugins to remove that since Kleo isn’t adding it
Here is the code from your page:

COPY CODE

<script type='text/javascript' src='https://maps.googleapis.com/maps/api/js?v=3.21&sensor=false&ver=3.13.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, I have modified the file to replace the content and now you can use in your child theme something like this:

COPY CODE

add_filter( 'sq_ms_before_title', 'my_before_title_widget');
add_filter( 'sq_ms_after_title', 'my_after_title_widget');

function my_before_title_widget() {
   return '<h5>';
}

function my_after_title_widget() {
   return '</h5>';
}

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.

Attachments:

You must be logged in to view attached files.

[Abe]

I think the full code should be like this:

#top-social li {float: right !important;}
#top-social { float:right !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 again, until our next theme update please go to Appearance – Theme options – Quick css section and add this css snippet to make the submenu scrollable. This will be added in the next update so you will be free to remove it when you update.

COPY CODE

  .second-menu .my-profile-wrapper .submenu {
    max-height: 400px;
    overflow: auto;
  }

Thanks and don’t forget to rate us 5 stars on Themeforest if you like our work.

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, sorry for the late reply but the topic just appeared in our queue.

1. For that you should use a custom CSS to have it on one line. Hope that helps

COPY CODE

#top-social {
    width: 41.6667% !important;
    float: left;
}
.top-menu {
    width: 58.3333% !important;
    float: left;
}

2. You should just write them in caps and they should appear like that, anyway to force it you can do it with this CSS
<pre>
.dropdown-menu > li > a {
    text-transform: uppercase;
}

3. You should use our own markup and replace the default form structure from the plugin settings. https://archived.seventhqueen.com/documentation/kleo#mailchimp

4. For this one you should do some custom work on it since it probably needs structure changes.

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, we will try to fix this in the next theme update so that string can be translated. Until then please add this css to Theme options – Quick css and translate it into your language:

COPY CODE

.yith-wcwl-add-button a.add_to_wishlist:after {
	content: "add to wishlist";
}
.yith-wcwl-wishlistexistsbrowse a:after,
.yith-wcwl-wishlistaddedbrowse a:after {
	content: "browse wishlist";
}

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]

You can try adding this in your child functions.php

COPY CODE

add_filter('upload_dir', 'bcp_custom_upload_dir' );

function bcp_custom_upload_dir($args) {
    if (isset($_POST['action']) && $_POST['action'] == 'bp_upload_profile_cover' ) {
        $args['path'] = $args['basedir'] . "/bcp-user" . $args['subdir'];
        $args['url'] = $args['baseurl'] . "/bcp-user" . $args['subdir'];
    }
    if (isset($_POST['action']) && $_POST['action'] == 'upload_group_cover' ) {
        $args['path'] = $args['basedir'] . "/bcp-group" . $args['subdir'];
        $args['url'] = $args['baseurl'] . "/bcp-group" . $args['subdir'];
    }
    return $args;
}

This should make the uploads for the profile cover in a bcp-user folder and the group cover in a bcp-group folder

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, here is what they are for:
kleo/assets/js/plugins/carouFredSel/jquery.carouFredSel-6.2.0-packed.js – this is used for the carousels in the theme like image galleries, posts sliders.

kleo/assets/js/plugins/carouFredSel/helper-plugins/jquery.touchSwipe.min.js – mobile swipe interactions for the carousels/galleries from Kleo

js_composer/assets/lib/bower/isotope/dist/isotope.pkgd.min.js – used on masonry style like blog grid, members grid listing

plugins/buddypress-media/lib/touchswipe/jquery.touchSwipe.min.js mobile? – same as the one above and we will remove this one since Kleo already loads it

kleo/assets/js/plugins/magnific-popup/magnific.min.js – this is used for the popup when clicking an image to view it bigger or for the woocommerce quick view popup

to remove them you should add this in your child theme

COPY CODE

add_action( 'wp_enqueue_scripts', 'kleo_my_remove_scripts', 9999 );
function kleo_my_remove_scripts() {
    wp_dequeue_script('magnific-popup');
    wp_dequeue_script('caroufredsel');
    wp_dequeue_script('jquery-touchswipe');
    wp_dequeue_script('isotope');
    //rtmedia
    wp_dequeue_script('rtmedia-touchswipe');
}

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 trigger the masonry you should use something like:

COPY CODE

jQuery('.kleo-isotope, .kleo-masonry').isotope();

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, if you don’t want the forums at all on your site then just disable bbPress forum. If you just want that icon removed, you can do it with a small CSS rule:

COPY CODE

#forums-personal-li {
    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]

or if you want the text visible:

main-title .page-title {
    word-wrap: break-word;
    max-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]

Hello, for the page title this should work:

COPY CODE

.main-title .page-title {
    clear: left;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 100%;
}

The codes will be part of the next theme version so after the next theme update you can remove the custom codes

Many thanks @sharmstr, you are the best 🙂

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 there, sorry for the late reply.
This should be for opening the sidemenu:

COPY CODE

            $('body').toggleClass('offcanvas-open', true);
            $('.offcanvas-sidebar').toggleClass('is-open', true);
            return false;

and this for closing it

COPY CODE

            $('body').toggleClass('offcanvas-open', false);
            $('.offcanvas-sidebar').toggleClass('is-open', false);
            return false;

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 there, one quick hack is to add this code to your child theme functions and they will switch the content that they render and your Extra sidebar will be your Main sidebar now

COPY CODE

//get the global sidebar

    function kleo_extra_sidebar()
    {
        get_sidebar();
    }


//get the extra sidebar

    function kleo_sidebar()
    {
        $classes = apply_filters('kleo_extra_sidebar_classes', '');

        echo '<div class="sidebar sidebar-extra '.$classes.'">'
            . '<div class="inner-content">';

        generated_dynamic_sidebar('extra');

        echo '</div>'
            .'</div> <!--end sidebar columns-->';
    }

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 Mike, you should try replacing the meta name=viewport from header.php with

COPY CODE

<meta name='viewport' content='width=1200'>

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]

very strange.. Please update the file located in page-parts/general-before-wrap.php with the one attached. This should fix your issue and this change will be included in the next update too.

In addition to the code above, now you will add the content in a container like:

COPY CODE

	echo '<div class="container" id="side-before-content-sidebar">', do_shortcode('[widgets_on_pages id="wop-3"]'), '</div>';  //you could put a shortcode here if you want, too.

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.

Attachments:

You must be logged in to view attached files.

[Abe]

Hello, you can try with this code and modify the redirect link

COPY CODE

add_action( 'template_redirect', 'kleo_redirect_to_specific_page' );

function kleo_redirect_to_specific_page() {

if ( ! is_user_logged_in() && ! is_admin() ) {

  wp_redirect( 'http://www.example.com/your-page/', 301 ); 
  exit;
    }
}

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 there, to show all of your posts there and now just video, image or gallery which are default then you should modify the posts carousel like this:

COPY CODE

[kleo_posts_carousel limit="6" format="all"]

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 that it should work both in KLEO and Sweetdate with this CSS

COPY CODE

span.activity {
    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, until Monday theme update 3.0.2 please add this CSS code to your Theme options – Quick css section to fix it

COPY CODE

html:not(.kleo-transform) .offcanvas-sidebar {
    display: none;
}

On those devices the sidemenu won’t work unfortunately but it will be hidden

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]

Until then add this css and let me know if it works:

COPY CODE

.kleo-main-header,
.kleo-main-header li.menu-item {
    z-index: 1599;
}
.social-header {
    z-index: 1600;
}

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 500 error occurred when I wanted to re-upload the theme and I couldn’t so I ended adding it over FTP.
On your site to fix the theme options saving issue I have added this on your child theme functions.php

COPY CODE

add_filter( 'kleo_theme_options_ajax', '__return_false' );

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 CSS to Theme options – General- Quick css until next minor update

COPY CODE

.no-meta .article-meta, .no-meta .post-meta {
    display: none !important;
}

Thanks

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, sorry for the delay but we were busy with the new 3.0 Kleo version coming today.

You can add this CSS as a quick fix:

COPY CODE

.kleo-main-header .navbar-nav li:last-child > ul {
    float: left;
    left: -100px;
    right: auto;
}

Cheers

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, that info can be made available if you add this css in your theme options

COPY CODE

.kleo-notice {display: block !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]

here is a better way. Thank you for the suggestion

COPY CODE

define( 'KLEO_META_BOX_URL', kleo_get_meta_box_url() );
function kleo_get_meta_box_url() {
		if ( strtoupper( substr( PHP_OS, 0, 3 ) ) === 'WIN' ) {
			// Windows
			$content_dir = str_replace( '/', DIRECTORY_SEPARATOR, WP_CONTENT_DIR );
			$content_url = str_replace( $content_dir, WP_CONTENT_URL, dirname(__FILE__) );
			$cmb_url = str_replace( DIRECTORY_SEPARATOR, '/', $content_url );
		} else {
		  $cmb_url = str_replace(
				array(WP_CONTENT_DIR, WP_PLUGIN_DIR),
				array(WP_CONTENT_URL, WP_PLUGIN_URL),
				dirname( __FILE__ )
			);
		}
		$cmb_url = set_url_scheme( $cmb_url );
		return trailingslashit( apply_filters('cmb_meta_box_url', $cmb_url ) );
}

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 issue. Until next version please add this css to the quick css box to resolve it

COPY CODE

@media screen and (-webkit-min-device-pixel-ratio:0) {
 #buddypress div.profile  { display: 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]

it is easy achievable. Example:

Show the popup
 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 @mikewolf1127
It is easily achievable via CSS

COPY CODE

.page-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]

hi, also you have a Javascript error. it could come from a resource not loading or a plugin. I think is from BP like plugin

COPY CODE

ReferenceError: jQuery is not defined
jQuery(document).ready(function($) {

NOW I can’t see your errors in the console.. maybe you already fixed them?

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 for the late reply.
that won’t look so good and I recommend you to leave it like that. to remove that space you can add this CSS

COPY CODE

@media only screen and (max-device-width: 480px) {
.column, .columns {
padding: 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]

Strange.. maybe with !important..

COPY CODE

@media (max-width: 991px) {
.kleo-woo-back-image {
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]

But you ca do it by CSS:

COPY CODE

#groups-directory-form > h2 {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]

if you type something it is white.. chrome adds its own styling to the placeholders(in this case named Required)

Try something like this as it the article

COPY CODE

::-webkit-input-placeholder { /* WebKit browsers */
    color:    #fff;
}

http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css

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