Radu

[Radu]

Hi,

Try to add this function in your child theme functions.php

COPY CODE

function kleo_woo_body_classes_custom($classes = '') {
	
	if ( is_tax('subject') ) {
		$classes[] = 'kleo-shop-cols-' . sq_option( 'woo_shop_columns', '3' );
	}
	
	return $classes;
	
}
add_filter('body_class','kleo_woo_body_classes_custom');

Let me know if this will work and the custom taxonomy will have same layout as default woocommerce shop page

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,

Using the next code will generate the kleo animated number + the % sign at the end next to value.

COPY CODE

[kleo_animate_numbers timer="500"]10[/kleo_animate_numbers]%

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,

I’ve added those codes into wp-content/plugins/bp-custom.php

COPY CODE

<?php

if ( !defined( 'BP_AVATAR_THUMB_WIDTH' ) )
define( 'BP_AVATAR_THUMB_WIDTH', 180 ); //change this with your desired thumb width
 
if ( !defined( 'BP_AVATAR_THUMB_HEIGHT' ) )
define( 'BP_AVATAR_THUMB_HEIGHT', 180 ); //change this with your desired thumb height
 
if ( !defined( 'BP_AVATAR_FULL_WIDTH' ) )
define( 'BP_AVATAR_FULL_WIDTH', 900 ); //change this with your desired full size,weel I changed it to 260 <img src="http://buddydev.com/wp-includes/images/smilies/icon_smile.gif" alt=":)" class="wp-smiley"> 
 
if ( !defined( 'BP_AVATAR_FULL_HEIGHT' ) )
define( 'BP_AVATAR_FULL_HEIGHT', 900 ); //change this to default height for full avatar

And the changes are applied only for new avatar uploads. You can see on my profile the image size it;s increased, so for the new uploads the photo quality will be improoved

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,

YEs the path it’s correct ( wp-content/themes/sweetdate-child/members/single ).

This part of code isn’t part of our theme

COPY CODE

<span class="pl-s1">    <span class="pl-k"><</span>?<span class="pl-c1">php</span> <span class="pl-k">if</span> ( bp_is_active( <span class="pl-s"><span class="pl-pds">'</span>activity<span class="pl-pds">'</span></span> ) ) : </span><span class="pl-pse"><span class="pl-s1">?</span>></span>

The guidance from rtmedia site it applies only for wp default theme, where you want to run that code ?

Anyways the sweetdate theme already has a photos tab

You can use those codes “” in same file member-header.php

But make sure to have exact name fields like you have added in wp-admin -> users -> profile fields.

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]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

Se those selectors

COPY CODE

.side-color .widget_nav_menu li.active > a, .side-color #wp-calendar tbody td:hover, .side-color .widget_nav_menu .current_page_item > a {
    color:#fff !important;
    background-color:red !important; 
}

.side-color .widget_nav_menu li:first-child > a {
    border-top: 0px solid #000 !important;
}

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,

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

COPY CODE

.slotholder + .tp-parallax-wrap {
    visibility: initial !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,

You can use this css

COPY CODE

#buddypress div#item-nav a.dropdown-toggle:after {
    content: "MORE";
}

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,

Nice if you have figured out.

In this case you can overwrite those only for print cases like this :

COPY CODE

@media print{

#main-container > .row {
display: block !important;
}
}

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]

Hi,

Use those selectors instead

COPY CODE

.offcanvas-sidebar {
    background: lightblue;
}

.offcanvas-menu li a {
    color: yellow !important;
}
.offcanvas-sidebar .widget_nav_menu ul li a {
    border-bottom: 1px solid green !important;
}

.offcanvas-sidebar .widget_nav_menu ul li a :first-child {
        border-bottom: 1px solid green !important;
}

.offcanvas-sidebar .widget_nav_menu ul li a:last-child {
        border-bottom: 1px solid green !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,

Add those lines to wp-content/themes/sweetdate-child/functions.php with your desired sizes

COPY CODE

define ( 'BP_AVATAR_THUMB_WIDTH', 125 );
define ( 'BP_AVATAR_THUMB_HEIGHT', 125 );
define ( 'BP_AVATAR_FULL_WIDTH', 1024 );
define ( 'BP_AVATAR_FULL_HEIGHT', 1024 );

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]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

Just add this code to child theme functions.php

COPY CODE

function sq7_rdu_restrict_exception_blog_page() {
    /*check if is blog page choosen on wp-admin -> settings-> reading -> posts page.*/
    if(is_home()) {
        remove_action('template_redirect', 'kleo_restrict_site');
    }
}

add_action('wp','sq7_rdu_restrict_exception_blog_page');

This will add as exception the page that it’s assigned in wp-admin -> setings-> reading -> posts page.

In future we will fix this, until then use this function

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 sidebar customization you can use those selectors

COPY CODE

.sidebar.sidebar-right {background: red; color: green;}
.sidebar.sidebar-right a {color:orange !important;}
.sidebar.sidebar-right a:hover {color:aquamarine !important;}
.sidebar.sidebar-right h4 {color:blueviolet !important}

If you need any other selector let me know

For the pop-up make sure to have same folder name and also the filename like in parent theme, this is the most common mistake when rewriting files in child.

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, 1. That can be achieved by copying this file : /wp-content/themes/buddyapp/buddypress/activity/entry.php to child theme in this path : /wp-content/themes/buddyapp-child/buddypress/activity/entry.php Then you should move the activity-meta div to your desired place : 2. There is no quick solution for achieving that also we don't have any plug and play code for that, ask about this on the BuddyPress forums. 3. Add this CSS to wp-admin -> theme options -> quick css

.activity-inner iframe {
    width: 100% !important;
    height: 100% !important;
    min-height: 460px;    
}

@media(max-width:600px) {
    .activity iframe {
        width: 100% !important;
        height: 100% !important;   
        min-height:250px;
        
    }
}

Cheers R.

[Radu]

Hi,

Please take a look finally it should be ok now, I’ve used this CSS hack to make this work.

COPY CODE

.slotholder + .tp-parallax-wrap {
    visibility: initial !important;
}

Let me know

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]

Hi,

Kleo theme adds header-scrolled class when the scroll it’s performed in page but in this case the scroll it’s happens in a certain div not for body of the page, I hope it makes sense.

You can try to decrease the menu height using this

COPY CODE

@media(min-width:992px){
.post-type-archive-gd_place #header .kleo-main-header .navbar-header,.post-type-archive-gd_place #header .kleo-main-header .header-banner, .post-type-archive-gd_place #header .kleo-main-header .primary-menu, .post-type-archive-gd_place #header .kleo-main-header .secondary-menu{
    line-height:70px !important; height:70px !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]

This reply has been set as private.

[Radu]

Not marked as solution

[Radu]

Hi,

Sorry,

Replace css code with this

COPY CODE

.top-bar ul.dropdown-menu.sub-menu.pull-left li ul {
    margin-left: 165px !important;
}

@media(max-width:991px) {

.top-bar ul.dropdown-menu.sub-menu.pull-left li ul {
    margin-left: -165px !important;
}

}

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,

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

COPY CODE

.slidelink a {
    pointer-events: all !important;
    z-index: 99999;
    width:100%;
    height:100%;
    display: block !important;
}
.slidelink a:hover {cursor:pointer !important;}

Let me know…

If this won’t make any difference please provide to me admin credentials to take a closer look.

Also if you use the same slider on another page the slides are clickable ?

This it’s happens only on pages where revolution slider and essential grid are used ?

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]

Hi,

1. CSS + Comment

COPY CODE

/*START Two menus tweak*/

.header-flexmenu #header .kleo-main-header>.container {
    flex-wrap:wrap;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
}

.kleo-main-header.header-normal .navbar-header{
    background: #cacaca;
    width: 30%;
    height: 100%;
}

.kleo-main-header.header-normal .navbar-collapse {
    background: pink;
    width: 70%;
   
}
.kleo-main-header.header-normal>.container .secondary-menu {
    background: green;
    width: 70%;
    
    transform: translateY(-50%);
}

@media (min-width: 991px)
.kleo-main-header .nav.navbar-nav {
    max-height: 44px;
}

/*END Two menus tweak*/

2. You can try that plugin but before that you can try to use the menu assignation feature by page from our theme

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 after the previous code this one

COPY CODE

@media(max-width:600px) {
    .activity iframe {
        width: 100% !important;
        height: 100% !important;   
        min-height:250px;
        
    }
}

This code will runs only if the device with it’s lower than 600px so this should fix your problem, if you are not happy with the player height on mobile change the max-height:250px; value to 0 or a larger one (0 represents default)

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]

Use the next CSS instead

COPY CODE

ul.dropdown-menu.sub-menu.pull-left li ul {
    margin-left: 165px !important;
}

@media(max-width:991px) {

ul.dropdown-menu.sub-menu.pull-left li ul {
    margin-left: -165px !important;
}

}

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’s the selector(s)

COPY CODE

.woocommerce .products ul li .product-loop-inner:hover, .woocommerce ul.products li .product-loop-inner:hover, .woocommerce-page .products ul li .product-loop-inner:hover, .woocommerce-page ul.products li .product-loop-inner:hover {
    box-shadow: 0 0 0px rgba(0,0,0,0.1);
}

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,

You can use this CSS to control main content and also the footer and header

COPY CODE

header .row, section #main .row ,footer .row{
    max-width: 1448px !important;
    width: auto;
}

This CSS will be added to wp-admin -> theme options -> genera settings -> styling options -> 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,

Using this CSS you will have 4 columns on the member’s page only.

COPY CODE

.members div#members-list .four.columns {width: 25%;}
.members #members-list .four.columns:nth-child(n+1) {clear:right !important;}

If you have any other questions 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]

Not marked as solution

[Radu]

Not marked as solution

[Radu]

Hi,

For that you should add this file after unzip (see attached) to kleo child theme in this location (/wp-content/themes/kleo-child/page-parts/general-header-section.php)
Then in kleo child style.css you will have to add the next CSS code

COPY CODE

ul#menu-kleotopmenu .menu-item-has-children ul.dropdown-menu.sub-menu li ul {
    left: 158px !important;
}

@media(max-width:991px) {

ul#menu-kleotopmenu .menu-item-has-children ul.dropdown-menu.sub-menu li ul {
    left:-158px !important;
}
    
}

NOTE: KLEO child theme needs to be installed and activated

I will add this to the improvements list.

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,

You can use the next CSS to can have the secondary menu under the primary, this may have’s some bugs since the theme wasn’t conceived to work with the menus like that.

COPY CODE

.header-flexmenu #header .kleo-main-header>.container {
    flex-wrap:wrap;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
}

.kleo-main-header.header-normal .navbar-header{
    background: #cacaca;
    width: 30%;
    height: 100%;
}

.kleo-main-header.header-normal .navbar-collapse {
    background: pink;
    width: 70%;
   
}
.kleo-main-header.header-normal>.container .secondary-menu {
    background: green;
    width: 70%;
    
    transform: translateY(-50%);
}

@media (min-width: 991px)
.kleo-main-header .nav.navbar-nav {
    max-height: 44px;
}

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]

Please taka e look i’ve replaced the code from your quick css area with this

COPY CODE

.activity-inner iframe {
    width: 100% !important;
    height: 100% !important;
    min-height: 460px;    
}

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 ?

[Author]

Posts