Radu

[Radu]

Hi,

You can style active tab and active content tab using the next css

COPY CODE

/* Set background for addiional content of the tab */
.vc_active .vc_tta-panel-body {
    background: red !important;
    color:#fff;
}

/*Highlite the active tab button*/
.vc_tta-tab.vc_active>a {
    border: 1px solid #5472d2 !important;
    color:red !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]

Not marked as solution

[Radu]

Hi

just use this snippet

COPY CODE

/* Redirect to referred page */
function sq_r_redirect_to_previous_location_after_login($redirect_to)
{
    $redirect_to = wp_get_referer();
    return $redirect_to;

}
add_filter('login_redirect','sq_r_redirect_to_previous_location_after_login',100 ,3);

NOTE : Child theme needs to be installed and activated.

The function will have to be added in wp-content/themes/kleo-child/functions.php

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

just use this snippet

COPY CODE

/* Redirect to referred page */
function sq_r_redirect_to_previous_location_after_login($redirect_to)
{
    $redirect_to = wp_get_referer();
    return $redirect_to;

}
add_filter('login_redirect','sq_r_redirect_to_previous_location_after_login',100 ,3);

NOTE : Child theme needs to be installed and activated.

The function will have to be added in wp-content/themes/kleo-child/functions.php

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,

Paste again this one instead the old one then make sure to purge the cache if you have any plugin like this.

COPY CODE

jQuery( document ).ready(function() {
    jQuery('.kleo-masonry a').attr('target', '_blank');
});

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,

Its ok now you will have just to replace the CSS with this one

COPY CODE

body,a,b,h1,h2,h3,h4,h5,h5 { font-family : "Noto Sans TC" !important; }

If still not works pay attention to quotes, write you again the quotes if they are wired encoded
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,

Just add this javascript code to wp-admin -> theme options -> JavaScript code

COPY CODE

jQuery( document ).ready(function() {
    $('.kleo-masonry a').attr('target', '_blank');
});

That’s it

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,

There missing the font itself

COPY CODE

add_action('wp_head','Kleo_hook_font');

function Kleo_hook_font() {

$output="<link rel='stylesheet' href='http://linktomyfont.com/font.css' type='text/css' media='all' />";

	echo $output;
}

https://archived.seventhqueen.com/forums/topic/how-can-register-japanese-font#post-94592

So just load the font by replacing http://linktomyfont.com/font.css with the font css file

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 as you suggested bp is active, theme option -> memberships -> Allow registrations also from PMPRO checkout page -> OFF.

In this moment only if you have account you can buy the membership.

If you want to have the option OFF in theme option but to display the fields like the option it’s on add the next code to wp-content/themes/sweetdate-child/functions.php

COPY CODE

function manipulate_the_pmpro_register() {
    add_filter( 'pmpro_skip_account_fields', '__return_true' );
    add_filter( 'pmpro_include_billing_address_fields', '__return_true' );
    add_filter( 'pmpro_include_payment_information_fields', '__return_true' );
    add_filter( 'pmpro_checkout_default_submit_button', '__return_true' );

}
add_action('wp', 'manipulate_the_pmpro_register');

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]

Hi,

So while using short code you can set the search context like this

COPY CODE

[kleo_search_form context="members,groups,post,page,product,portfolio"]

IF you want to hide member results just delete the members,

If you are talking about the ajax menu search the context it can be controlled from wp-admin -> theme options -> header options -> search context

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,

just add this css

COPY CODE

#kleo-quick-contact {
    height:auto !important;
    overflow-y:auto;
    z-index:1299999 !important;
}

#kleo-quick-contact .nf-field-label label {
font-size:15px !important;
padding:0px;
}

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,

Those doesn’t have that option, tried a quick solution right now but i cannot do something quick, i will add this to improvement list and in future we will add this kind of feature.

An alternative it’s to use a Javascript way, see this answer : https://stackoverflow.com/a/30067133

Instead of a you will have to add the selector for the post title from grid

Example code with selector added for kleo posts

COPY CODE

jQuery( document ).ready(function() {
	jQuery(document).on('click', '.posts-listing h3.post-title', function(e){ 
	    e.preventDefault(); 
	    var url = $(this).attr('href'); 
	    window.open(url, '_blank');
	});
});

You can add this code to wp-admin -> theme options -> general settings -> JavaScript code or directly in the page where you add the kleo posts in a text/html block

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,

From what i see the notifications text from the live notification it’s already black. (see attachment)

The default setting for topbar ? you can set reset section under wp-admin -> theme options -> social info -> reset section

COPY CODE

.kleo-ajax-part.kleo-ajax-type-post .ajax_search_content a {
    color: #00c1cf !important;
}
.kleo-ajax-part.kleo-ajax-type-post .ajax_search_content .search_excerpt {
    color:green;
}

With the exampled css you can style the title and the excerpt by post type.

I see the breadcrumbs are already white

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,

There it’s a JS script that calculate all available space and if there it’s enough space will be listed all or not.

There is no quick way to overwrite that… and also in core theme files.

I recommend you to use the css method, you can de-crease the font size to make space for all, next to padding.

COPY CODE

.top-bar ul#menu-alt-buddypress-menu li a {
    padding: 0;
    font-size:10px !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,

There is no specific place where you can turn off that and also there is no quick solution.
An alternative it’s to set the padding 0 or 5px between the items to make more space there.

For the top-bar

COPY CODE

.top-bar ul#menu-alt-buddypress-menu li a {
    padding: 0;
}

For the buddypress menu

COPY CODE

#buddypress div#item-nav ul li a {
    padding:0 5px !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,

The problem it’s because of this rule from the style.css

COPY CODE

li#group-create-nav {
    display: none !important;
}

You will have to remove the important, so the code will be

COPY CODE

li#group-create-nav {
    display: none;
}

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,

sorry for the delay, i have some personal problems,

Maybe i’ve understand wrong, can you please ask again what’s your issue ?

So the font can be changed to red using this CSS

COPY CODE

.form-search.custom div.custom.dropdown a.selector, .form-search.custom div.custom.dropdown a.current, .form-search.custom select {
    color:red !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 edit directly the app.css file by removing what you don’t need then make a copy and save it in chid theme in this path /wp-content/thems/kleo-child/assets/css/app.css

COPY CODE

function sq7r_app_css_child() {
    wp_deregister_style( 'kleo-app' );
    wp_dequeue_style( 'kleo-app' );
    wp_enqueue_style('kleo-app', get_stylesheet_directory_uri() . '/assets/css/app.css');
}
add_action('wp_enqueue_scripts', 'sq7r_app_css_child', 999);

The function needs to be pasted in wp-content/themes/kleo-child/functions.php

NOTE : Child theme needs to be installed and activated.

Now the app.css file will be pulled from the chid theme.

The less files aren’t generated on every change they are additional so it’s sufficient to make the changes in the css file

Make sure to enable development mode On from wp-admin -> theme options -> miscellaneous.

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,

Use this css to fix that

COPY CODE

.navbar-transparent .navbar-nav > .kleo-messages-nav.kleo-toggle-menu .kleo-toggle-submenu:before {
  background-color: rgba(0, 0, 0, 0);
  top: -10px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 12px 10px 12px;
  border-color: transparent transparent rgba(0, 0, 0, 0.6) transparent;
  -moz-transform: rotate(0deg);
  -webkit-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
}
.navbar-transparent .navbar-nav > .kleo-messages-nav .kleo-toggle-menu .minicart-buttons {
  background-color: rgba(0, 0, 0, 0.2) !important;
  border: 1px solid rgba(0, 0, 0, 0);
    color:#fff;
}
.navbar-transparent .navbar-nav > .kleo-messages-nav .kleo-toggle-menu .sub-menu {color:#fff !important}
.navbar-transparent .navbar-nav  li.kleo-submenu-item span, .navbar-transparent .navbar-nav ul.submenu-inner li.kleo-submenu-item { color: #fff;}

Let me know

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,

There you will have to add the field name not the id…

Like this

COPY CODE

[kleo_status_icon type="custom" image="/wp-content/themes/sweetdate/assets/images/icons/steps/status_01.png" subtitle="Transgender" field="Gender" value="M2F Pre-op" online="no"]

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
Works for me try to add with important

COPY CODE

.form-search.custom div.custom.dropdown a.selector, .form-search.custom div.custom.dropdown a.current, .form-search.custom select {
    color:red !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]

Not sure why that, but i’ve noticed if you select the text, it becomes invisible, and to fix that add this css

COPY CODE

.container-wrap * ::selection { background-color: #473c37 !important;color:#fff !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,

This is the html code for that button

COPY CODE

<a class="radius small button secondary readmore" href="http://nfdates.com/a-good-story/">Continue reading</a>

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,

Sure

COPY CODE

article.post .article-content p a.button.secondary {
    font-size: 17px;
    padding: 10px;
}

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,

To can change the order of the meta before the title you will have to create a file named: post-content-small.php

in: /wp-content/themes/kleo-child/page-parts/post-content-small.php

by adding in the file this content : https://pastebin.com/raw/WeQFKDrR

If the folders missing in child theme create them.

NOTE : Child theme needs to be installed and activated.

COPY CODE

.post-item .post-content .post-header .post-meta {
    margin:0 !important;
}
.post-item .post-content .post-header .post-meta * {color:red;}
.post-item .post-content .post-header h3.post-title {padding:5px 0 ;}

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

Relpace red with your desired color.

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

Can you please provide the entire shortcode that you are using please ?
What view “Small left thumb” ?

Animations can be de-activated by adding this css to wp-admin -> theme options -> general settings -> quick css

COPY CODE

.animated,.wpb_animate_when_almost_visible  {
 /*CSS transitions*/
 -o-transition-property: none !important;
 -moz-transition-property: none !important;
 -ms-transition-property: none !important;
 -webkit-transition-property: none !important;
 transition-property: none !important;
 /*CSS transforms*/
 -o-transform: none !important;
 -moz-transform: none !important;
 -ms-transform: none !important;
 -webkit-transform: none !important;
 transform: none !important;
 /*CSS animations*/
 -webkit-animation: none !important;
 -moz-animation: none !important;
 -o-animation: none !important;
 -ms-animation: none !important;
 animation: none !important;
 opacity: 1 !important;
 filter:none !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,

Q1:

COPY CODE

.masonry-listing .format-standard .post-title {
    border-left: 3px solid #01ec39;
}

Take a look at this video how you can find the right selector for your element : https://www.youtube.com/watch?v=V2aAEzlvyDc

You can watch more videos like these to fully understand how this works.

So after you make a css selector that changes the title color from example you can add it in 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]

Using this css

COPY CODE

.form-search.custom div.custom.dropdown a.selector, .form-search.custom div.custom.dropdown a.current, .form-search.custom select {
    color:red;
}

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. Those are the css selectors with that you can change the style of those

COPY CODE

.main-color blockquote, .main-color .masonry-listing .post-content {
    border-left-color: red;
}

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

.posts-listing h3.post-title a {
    color: #24c826 !important;
}

Change colors with your desired set font-weight: bold… etch

2. Use this css selector

COPY CODE

.sidebar.sidebar-main.sidebar-right {
    border-color: yellow;
}

3. Try this plugin : https://wordpress.org/plugins/buddypress-sidebar/

4. Use this css

COPY CODE

.home div#main {
    padding-top: 0px;
}

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. Ticket solution

What support service includes ? What not ?

[Radu]

Hi
Use this css

COPY CODE

.edit .mce-toolbar-grp {display: none;}
.edit .quicktags-toolbar {display: none;}
.edit .wp-editor-tabs {display:none;}

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 using custom icons see the next example shortcodes, there are an extra attribute named image=”linkhere”

COPY CODE

[kleo_status_icon type="total" subtitle="Members in total"]

[kleo_status_icon type="members_online" image="https://godating.nl/wp-content/themes/sweetdate/assets/images/icons/steps/status_01.png" subtitle="Members Online"]

[kleo_status_icon type="custom" image="https://godating.nl/wp-content/themes/sweetdate/assets/images/icons/steps/status_01.png" subtitle="Women Online" field="Ik zoek een" value="Vrouw" online="yes"]

[kleo_status_icon type="custom" image="https://godating.nl/wp-content/themes/sweetdate/assets/images/icons/steps/status_04.png" subtitle="Man Online" field="Ik zoek een" value="Man" online="yes"]

For taking member stats follow this :https://archived.seventhqueen.com/forums/topic/add-fake-members-to-kleo_status_icon-area

That’s it

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

In this case i recommend you to delete your actual kleo child.

In first place you should backup the child theme settings from wp-admin -> theme options then go to -> import/export -> download data file.

Just backup your current kleo-child from wp-content/themes/ folder (maybe you will need something from there later) then delete entire kleo-child folder.

Install again the child theme, activate it, paste in child theme the content of the old style.css (which it’s this see below)

COPY CODE

.footer-sidebar ul li.current_page_item a{background-color:transparent !important;}


ul.nav a.btn.btn-highlight:hover {
    background: red;
}

div.mdetcenter {text-align:center;}
#buddypress #members-list li div.item-avatar {
    width: 100px !important;
    display: block;
    height: 100px!important;
    text-align: center !important;
    margin: 0 auto !important;
    float: none;
}
#members-list .item-meta {text-align: center;}
#buddypress ul.item-list li div.item-title {margin-left: 0;margin-right: 0;}
#buddypress #members-list .item-title {margin-left: 0;margin-right: 0;text-align: center;}
#buddypress #members-list .item-meta {margin-left: 0;margin-right: 0;text-align: center;}
ul#members-list li.kleo-masonry-item .member-inner-list{
    background-color :white !important;
}
#buddypress #friend-list div.item, #buddypress #members-list div.item, #buddypress #member-list div.item {
    color:black;
}
#buddypress #members-list .item-title a {
    color : black !important;
    font-weight: bold;
}

Then repeat this procedure : https://archived.seventhqueen.com/forums/topic/multiple-qs-from-a-new-user-of-kleo-theme/page/2/#post-180376

Then import the child theme settings from wp-admin -> theme options then go to -> import/export -> import from file and paste the settings from the json file there.

That’s it !

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

[Author]

Posts