Radu

[Radu]

Hi,

Here’s the CSS

COPY CODE

.members .item-list-tabs {
    display: inline-block;
    vertical-align: middle;
}

.members  #subnav ul {
    padding: 0;
    margin: 0;
}

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

Hi,

Add this css to wp-admin -> theme options -> quick css

COPY CODE

.activity-inner iframe[src*="youtube.com"] {
    width: 100% !important;
    height: 100% !important;
    min-height: 460px;    
}

We will include this fix on next theme update.

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

Add this CSS after the previous CSS

COPY CODE

.top-bar .kleo-menu.kleo-notifications-nav,.top-bar .shop-drop {
    display:inline-block !important;
}

It should be ok with this CSS, I’ve checked.

Let me know

Cheers
R.

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

What support service includes ? What not ?

[Radu]

This reply has been set as private.

[Radu]

Hi,

For adding sidebar background use this CSS and replace red with your desired color code

COPY CODE

.sidebar.sidebar-right { background: red;}

The Css will be added to wp-admin -> theme options -> general settings -> quick css

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Hi,

For the mobile layout cart display and notifications display use this CSS

COPY CODE

@media (max-width: 991px) {
.kleo-toggle-menu, .kleo-toggle-menu .kleo-toggle-submenu {display:initial;}
.kleo-mobile-icons { display: none;}
}

The Css will be added to wp-admin -> theme options -> general settings -> quick css

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

Hi,

On mine this is how it looks on safari :
And this is how it looks on chrome

It looks the same if you see in one of the browsers gray menu bg empty browser caches.

To haveing purple color on hover use this CSS

COPY CODE

.primary-menu ul li a:hover {
    color: purple;
}

The Css will be added to wp-admin -> theme options -> general settings -> quick css

As you can see in the screenshots the BuddyPress navigation haves black font,let me know if you want to change something from bp navigation

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Hi,

Use this snippet instead, it should work just i’ve tested

COPY CODE

function sq7_altering_ajax_search($defaults){
    $defaults['cat'] = '-20';
    return $defaults;
}
add_filter( 'kleo_ajax_query_args', 'sq7_altering_ajax_search');

Cheers
R

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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

Hi,

Please add this CSS to wp-admin -> theme options -> general settings -> quick css

COPY CODE

.tp-caption a {
    pointer-events: all !important;
    z-index: 9999999;
    cursor: pointer;
}

.tp-caption a:hover {
    cursor:pointer;
}

Then re-add your links, it works I’ve tested, also you will have to purge all caches after any slider cache

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Hi,

Add this function to wp-content/themes/buddyapp-child/functions.php

COPY CODE

function sq7_altering_ajax_search($defaults){

    $defaults['cat'] = '-20';

}
apply_filters( 'kleo_ajax_query_args', 'sq7_altering_ajax_search');

20 represents category ID and minus sign represents remove.

Full documentation to WP Query args
https://codex.wordpress.org/Class_Reference/WP_Query#Category_Parameters

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Hi again,

Remove all codes recording the sidebars from this topic and use those

COPY CODE

function register_sidebar_activity()
{
    register_sidebar(array(
        'name' => 'Profile Widget',
        'id' => 'profilewidget',
        'before_widget' => '<div id="%1$s" class="widgets clearfix %2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h5>',
        'after_title' => '</h5>',
    ));

}

add_action('wp_loaded', 'register_sidebar_activity');

Then you will have to upload this file sidebar.php into child theme

Explanations :

This should be enough to understand how it works, i think we can close this ticket because solution it’s provided

Cheers
R.

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

What support service includes ? What not ?

Attachments:

You must be logged in to view attached files.

[Radu]

Hi,

Try again with those

COPY CODE

/* Iphone 6 */
@media screen and (min-width: 400px) and (max-width: 480px) {
.logo img {
    height: auto;
    max-width: 310px !important;
}
}

/* Iphone 5 */
@media screen and (min-width: 310px) and (max-width: 400px) {
.logo img {
    height: auto;
    max-width: 225px !important;
}
}

Play with max width value for iphone 5 and 6, adapt it for your needs..

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Ok then

You can have padding for all your pages exliding home with something like this :

CSS that will control only home. it haves .home class before

COPY CODE

.home #geodir-sidebar, #geodir-sidebar-left, #geodir-sidebar-right, #geodir-wrapper-content {padding-top: 0 !important;}

//this will be applied sitewite.

COPY CODE

#geodir-sidebar, #geodir-sidebar-left, #geodir-sidebar-right, #geodir-wrapper-content {padding-top: 0;}

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Hi,

The first rule will control the logo width on iphone and the second for devices with the width between 300 and 400 adapt it for your needs

COPY CODE

@media screen and (min-width: 400px) and (max-width: 480px) {
.logo img {
    height: auto;
    max-width: 310px !important;
}
}

@media screen and (min-width: 300px) and (max-width: 400px) {
.logo img {
    height: auto;
    max-width: 240px !important;
}
}

Adapt it for you needs

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

I taught the image it’s broken literally but isn’t the problem it’s other!

Add this css to wp-admin -> them options -> genarl settings -> quick css

COPY CODE

@media screen and (max-width: 480px) {
.logo img {
    height: auto;
    max-width:310px
}
}

Play with 310 value

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Hi,

Please add this CSS to wp-admin -> theme options -> general settings -> quick css

COPY CODE

div#main-container section.container-wrap > .container {
    width: auto !important;
}

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Hi,

Here are the CSS selectors first it’s for the page title and the second for the breadcrumb

COPY CODE

section.main-title h1.page-title {
    font-size: 20px;
    font-weight: lighter;
}

.kleo_framework.breadcrumb.kleo-custom-breadcrumb, .kleo_framework.breadcrumb.kleo-custom-breadcrumb a {
    font-size: 11px;
}

The css will be added to wp-admin -> theme options -> general settings -> quick css

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Hi

Set hide admin bar from admin -> theme options -> misc then add this code to child theme ( wp-content/themes/kleo-child/functions.php )

COPY CODE

add_action('after_setup_theme', 'add_admin_bar_for_admins');
 
function add_admin_bar_for_admins() {
    if (current_user_can('Administrator') OR current_user_can('Editor') ) {
        show_admin_bar(true);
    }
}

Note : Child theme needs to be installed and activated

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Hi,

In this case should be created an additional JS that correct that.

Here it’s the JS and can be added to wp-admin -> theme options -> General settings -> Javascript code

COPY CODE

<script>

jQuery( document ).ready(function() {
    kleoCheckButton();
});
var myTimer;
jQuery(window).scroll(function() {
	if(myTimer) {
		window.clearTimeout(myTimer);
	}

	myTimer = window.setTimeout(function() {
		// actual callback
		kleoCheckButton();
	}, 200);
    
});


function kleoCheckButton(){
    if(jQuery('.kleo-go-top').hasClass('on')){
        jQuery('.kleo-additional-floating-button').attr('style', 'right: 160px;');
    } else {
        jQuery('.kleo-additional-floating-button').attr('style', 'right: 80px;');
    }
}

</script>

Adjust as you need

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

Using this selector

COPY CODE

.kleo-main-header li.menu-item.open .dropdown-menu, .kleo-main-header li .kleo-toggle-submenu {
    font-size: 17px;
}

The Css will be added to wp-admin -> theme options -> general settings -> quick css

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

Please add this css to wp-admin -> theme options -> general settings -> quick css

COPY CODE

#geodir-sidebar, #geodir-sidebar-left, #geodir-sidebar-right, #geodir-wrapper-content {padding-top: 0;}

Let me know

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Try this selector and let me know

COPY CODE

.header-color .top-menu li > a, .header-color #top-social li a {
    font-size: 15px;
}

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Hi,
Replace the code from functions.php with this

COPY CODE

function register_sidebar_activity()
{
    register_sidebar(array(
        'name' => 'Profile Widget',
        'id' => 'profile-1',
        'before_widget' => '<div id="%1$s" class="widgets clearfix %2$s">',
        'after_widget' => '</div>',
        'before_title' => '<h5>',
        'after_title' => '</h5>',
    ));
    
}

add_action('bp_loaded', 'register_sidebar_activity');

It works I’ve tested.

You can do the same for all your sidebar needs for every bp template, you can add to sa same function a new register_sidebar array.

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

Hi,

Add this css to wp-admin -> theme options -> general settings-> quick css

COPY CODE

.kleo-additiona-floating-button {
    position: fixed;
    -webkit-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 0 50px 10px rgba(0, 0, 0, 0.15);
    box-shadow: 0px 3px 13px 0px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-style: solid;
    border-width: 1px;
    border-color: #e5e5e5;
    border-radius: 4px;
    padding: 20px;
    bottom: 50px !important;
    display: block !important;
    right:160px;
    bottom:50px;
    padding:14px 15px;
}

Add this code to wp-content/themes/kleo-child/functions.php

COPY CODE

function kleo_go_up_additional_button()
{
    ?>
    <a class="kleo-additiona-floating-button" href="#"><i class="icon-up-open-big"></i></a>
    <?php
}

add_action('kleo_after_footer', 'kleo_go_up_additional_button');

Adapt it for your needs

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Radu]

Hi,

Use this CSS selector and change colors and values for your needs

COPY CODE

.main-color #search-members-form, .main-color #search-groups-form, .main-color #bbpress-forums form#bbp-search-form {
    box-shadow: 0 0 0 4px #75d69c;
    border: 1px solid red;
    border-radius: 3px;
}

Cheers
R.

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

What support service includes ? What not ?

[Radu]

Not marked as solution

[Author]

Posts