Radu

[Radu]

Try this

COPY CODE

#buddypress #item-body #subnav ul li { background-color :transparent; padding:0px;margin-right:3px; border-radius:2px !important}
#buddypress #item-body #subnav ul li a { color:#339933;font-weight:bold; line-height:1em }
#buddypress #item-body #subnav ul li#new-personal-li {background-color:tomato; line-height:1em;padding:2px;border-radius:2px !important}
#buddypress #item-body #subnav ul li:hover{ background-color:#666; }
#buddypress #item-body #subnav ul li a:hover{ color:#fff; }

Regards

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 do this :

1. Go to Wp-Admin -> Settings -> Permalinks -> Press SAVE , check after.

2. Disable all plugins, recheck after.

3. If the 1,2 dosen’t help you to identify issue, add this code to your .htaccess

COPY CODE

# BEGIN WordPress

<IfModule mod_rewrite.c>
ErrorDocument 404 /index.php?error=404
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

# END WordPress

Cheers

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]

Like this

COPY CODE

[kleo_icon icon="ok" tooltip_position="left" tooltip_action="hover" href="http://google.com" target="_blank"]

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 CSS to your theme

COPY CODE

.activity-avatar.rounded {
    border-width: 1px !important;
    text-align: center !important;
}

.activity-avatar.rounded img.avatar.photo {
    text-align: center;
    margin: 0 auto !important;
    margin: 5px !important;
}

Regards

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]

I think you don’t have child theme activated.

In this case put this CSS in Wp-Admin -> Theme Options -> General Settings -> Quick CSS

COPY CODE

#buddypress #message-threads .thread-avatar img.avatar {
  margin: 0 !important;
}

IF you cannot handle please provide admin login details and FTP.

REgards

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]

1. Add this php code snippet to your kleo-child/functions.php and replace “My Custom Activity Title” with your desired title.

COPY CODE

function change_activity_title($data) {
    if( $data == 'Site-Wide Activity' ) {
        $data = 'My Custom Activity title';
    }
    return $data;
}
add_filter( 'bp_get_directory_title', 'change_activity_title' );

You can add by FTP

2. Only admin users are redirected to backend.

3. The only available options are boxed cover picture / and full you can enable cover profile to full width by going to Wp-Admin -> Theme Options -> Buddypress -> Enable Full width Profile Header

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 add the CSS in WP-ADmin -> Theme Options -> General Settings -> Quick CSS area or in kelo-child/style.css as you wish.

Regarding to avatar sizes, add this snippet to kleo-child/functions.php

COPY CODE

define ( 'BP_AVATAR_THUMB_WIDTH', 50 );
define ( 'BP_AVATAR_THUMB_HEIGHT', 50 );
define ( 'BP_AVATAR_FULL_WIDTH', 122 );
define ( 'BP_AVATAR_FULL_HEIGHT', 122 );
define ( 'BP_AVATAR_ORIGINAL_MAX_WIDTH', 640 );

replace values with yours.

Regards

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 Geekyyair,

I found the problem, the problem was caused by you, by adding in kleo-child/style.css these statements

COPY CODE

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans Hebrew Condensed', sans-serif;
}
a, p, .lead p, p.lead, #menu-globus, .btn, abbr, .wpb_revslider_element, .panel-heading, .nav-pills > li > a {
	font-family: 'Open Sans Hebrew', sans-serif;
}

Now the statements are like this : ( without hebrew specified in font family and it works ok. )

COPY CODE

h1, h2, h3, h4, h5, h6 {
	font-family: 'Open Sans Condensed', sans-serif;
}
a, p, .lead p, p.lead, #menu-globus, .btn, abbr, .wpb_revslider_element, .panel-heading, .nav-pills > li > a {
	font-family: 'Open Sans ', sans-serif;
}

Please test it it should work.

Regards

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]

Yes wanguard can stop wp spam ( https://www.wangguard.com/faq )

The gray background was disappeared by using this :

COPY CODE

.bpfb_form_container {background:none;}

Regarding to image cropping, just upload a larger image and it should to be ok.

Cheers

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]

The theme gives you possibility to embed audio in page/post by going to certain post/page -> scrolling down until you see Theme General Settings -> Audio tab -> Upload your file there then you need to select page format Audio.

Also you can use default wordpress audio shortcode

COPY CODE

[audio src="audio-source.mp3"]

Cheers

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 CSS to Theme Options -> General Settings -> Quick CSS

COPY CODE

#buddypress #message-threads .thread-avatar img.avatar {
  margin: 0 0 0 10px !important;
}

It should work

Cheers

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]

For the cover issue add this CSS to Theme Options -> General Settings -> Quick CSS

COPY CODE

body.bbp-user-page.buddypress div#item-header div.generic-button, .buddypress div#item-header a.button {
  color: transparent;
}
body.bbp-user-page.buddypress .profile-cover-action a.button:hover {
  width: 140px;
  color: #efefef !important;
}

For the message issue, plese send 3-4 message to user demo to simulate the issue

Thank you

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 this css code to your theme options -> general settings -> Quick CSS

COPY CODE

.generic-button.block-this-user {
  position: absolute;
  right: 32px;
  bottom: 54px;
}

The buttons are inline now

It’s ok ?

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]

Hello,

Use this css snippet.

COPY CODE

@media (max-width: 991px) {
	.template-page,
	.sidebar,
	.sidebar-extra {
	display:block;
	width:100%;
	}
	.template-page.no-sidebar .wrap-content,
	.template-page.col-sm-push-3 .wrap-content,
	.template-page.tpl-3ll .wrap-content,
	.sidebar-main.sidebar-3rr .inner-content,
	.sidebar-extra.sidebar-3lr .inner-content,
	.sidebar-extra.sidebar-3rr .inner-content,
	.sidebar-extra.sidebar-3ll .inner-content,
	.template-page.tpl-3lr .wrap-content,
	.template-page.tpl-3rr .wrap-content,
	.sidebar-main.sidebar-3lr .inner-content,
	.sidebar-main.sidebar-3ll .inner-content,
	.sidebar-main.sidebar-3rr .inner-content,
	.sidebar-extra.sidebar-3ll .inner-content,
	.template-page .wrap-content,
	.sidebar-left .inner-content,
	.template-page.tpl-right .wrap-content,
	.sidebar-right .inner-content {
		padding-left: 0;
		padding-right: 0;
	}
	.template-page,
	.template-page.tpl-left,
	.template-page.tpl-3ll,
	.sidebar-extra.sidebar-3ll,
	.sidebar-extra.sidebar-3lr,
	.sidebar-extra.sidebar-3rr,
	.sidebar-right,
	.sidebar-main.sidebar-3rr,
	.sidebar-left,
	.sidebar-extra.sidebar-3ll,
	.sidebar-main.sidebar-3ll,
	.sidebar-main.sidebar-3lr,
	.sidebar-main.sidebar-3rr { border: 0; }
}

Add the code to kleo-child/style.css or in Wp-admin -> Theme Options -> General Settings -> Quick CSS

It should work, i tested.

Cheers

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 file ( header.php ) to your kleo child root directory.

Then in contact ,blog and member profile page the header will by hidden.

You can add or remove pages from line 69.

Example

COPY CODE

<?php if (is_page (array( 'contact', 'blog' )) || bp_is_my_profile() ) {

COPY CODE

<?php if (is_page (array( 'contact', 'another-page-slug' )) || bp_is_my_profile() ) {

Something like that,

Hope it's ok for you

Cheers

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,

I’ve using this shortcode an it works/displays posts without any problems.

COPY CODE

[kleo_news_focus name="News Test" featured="1" posts_query="size:4|order_by:date|order:DESC|post_type:post|categories:7,1"]

Make sure that K-elements and Visual Composer to latest versions, it should work.

Cheers

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 this CSS instead

COPY CODE

body.groups div#item-header-avatar {
    display: none;
}

body.groups.buddypress div#item-header div#item-header-content h4 {display:none !important;}

body.groups.buddypress div#item-header div#item-header-content span.activity {display:none !important}

body.groups.buddypress div#item-header .group-admins.col-sm-12 {display:none !important;}

body.groups.buddypress div#item-header div#item-header-content p:first-child {display:none !important}

body.groups .profile-cover-action {
    display: none;
}

.profile-cover-inner {
}

body.groups div#item-header {
    padding: 130px;
}


body.bbp-user-page .profile-cover-action {
    display: none;
}

.buddypress div#item-header .toggle-header .bp-toggle-less, .buddypress div#item-header .toggle-header .bp-toggle-more{
    display: none;
}

body.bbp-user-page div#item-header-content {
    display: none;
}

You can put the button join/leave group only if you modify php files.

You can add an CSS only for group pages by putting body.groups before initial css statement ex :

body.groups.buddypress div#item-header .group-admins.col-sm-12 {display:none !important;}

Cheers

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 with this CSS

COPY CODE

.social-header.header-color {
  background-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

What support service includes ? What not ?

[Radu]

Apply this CSS to kleo-child/style.css or in Theme Options -> General Settings -> Quick CSS

COPY CODE

.offcanvas-right.offcanvas-type-default .offcanvas-sidebar, .offcanvas-right.offcanvas-type-overlay .offcanvas-sidebar { z-index: 1220; }

Cheers

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 CSS

COPY CODE

body.groups div#item-header-avatar {
    display: none;
}

body.groups div#item-header-content {
    display: none;
}


body.groups .profile-cover-action {
    display: none;
}

.profile-cover-inner {
}

body.groups div#item-header {
    padding: 130px;
}


body.bbp-user-page .profile-cover-action {
    display: none;
}

.buddypress div#item-header .toggle-header .bp-toggle-less, .buddypress div#item-header .toggle-header .bp-toggle-more{
    display: none;
}

body.bbp-user-page div#item-header-content {
    display: none;
}

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 shortcode on any page you want, also you will find and configure this module in visual composer it’s named Search Form

COPY CODE

[kleo_search_form form_style="default" type="both" context="" placeholder="Search..."]

Best Regards

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]

COPY CODE

@media (min-width: 768px) {
 
	.template-page.col-sm-push-3 {
	left: -moz-calc(25% - 1px);
	left: -webkit-calc(25% - 1px);
	left: -o-calc(25% - 1px);
	left: calc(20% - 1px);
	}
 
	.col-sm-pull-9 {
	right: 80%;
	}
	.col-sm-3 {
	  width: 20%;
	}
}

It works now ?

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]

Apply this css to WP-Admin -> Theme Options -> General Settings -> Quick CSS or in kleo-child/style.css

COPY CODE

img.avatar.avatar-social-login {
  margin: 0 !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]

Hello,

You can do that by using this CSS

COPY CODE

input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  color: Red;
}

input.wpcf7-form-control.wpcf7-text {
  color: green;
}

textarea.wpcf7-form-control.wpcf7-textarea {
  color: blue;
}

input.wpcf7-form-control,textarea.wpcf7-form-control.wpcf7-textarea {

font-size:2em;
}

Just replace the colors and font size as you wish.

You can add this snippet to Wp-Admin -> Theme Options -> General Settings -> Quick CSS Area , or you can add it into kleo-child/style.css

Cheers

Radu

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]

Hello,

Add this snippet to your kleo-child/functions.php

COPY CODE

add_action('wp_logout','go_home');
function go_home(){
  wp_redirect( home_url() );
  exit();
}

Cheers

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]

Sorry for misunderstanding

Try like this

COPY CODE

ul.nav.nav-pills.responsive-pills.pills-style-square.tabs-centered li a{

    font-size:2em !important;
}

ul.nav.nav-pills.responsive-pills.pills-style-square.tabs-centered li:hover {

    background-color:rgba(1,1,1,0.09);
}

Add this css to Wp-ADmin -> Theme Options -> General Settings -> Quick CSS area or in kleo-child/style.css

Cheers

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]

If the extension in uninstalled try to install and see after if works.

If that is unsuccessfully, try to put this commands into php.ini in root folder installation.

COPY CODE

max_execution_time = 90
max_input_time = 90
max_input_vars = 3000
memory_limit = 256M

Cheers

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]

Hello,

On blog page it works, to hide tite section, but in forum i not working, because that page is generated automatically, but you can hide that title in forums page by using this CSS.

COPY CODE

body.forum-archive section.title-single {
    display: none !important;
}

Cheers

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 like this with !important declaration

COPY CODE

@media (max-width: 991px)
.kleo-main-header, .navbar-transparent .kleo-main-header, .kleo-navbar-fixed.navbar-transparent #header {
  position: relative!important;
  top: auto!important;
  background-color: rgba(0,0,0,0.5) !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,

1. You can remove google fonts like this

COPY CODE

function wpse_dequeue_google_fonts() {
    wp_dequeue_style( 'kleo-google-fonts' );
}
add_action( 'wp_enqueue_scripts', 'wpse_dequeue_google_fonts', 20 );

2. Leave them in htaccess.

Cheers

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 like this

COPY CODE

@media (min-width: 768px) {

	.template-page.col-sm-push-3 {
	left: -moz-calc(25% - 1px);
	left: -webkit-calc(25% - 1px);
	left: -o-calc(25% - 1px);
	left: calc(20% - 1px);
	}

@media (min-width: 768px)
	.col-sm-pull-9 {
	right: 80%;
	}
	.col-sm-3 {
	  width: 20%;
	}
}

The sidebar will have 20% and main 80%, u can edit as you wish.

Cheers

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 css,

Add this css to Theme Options -> General Settings -> Quick CSS or in kleo-child/style.css
Cheers

COPY CODE

@media (min-width: 768px) {

	.template-page.col-sm-push-3 {
	left: -moz-calc(25% - 1px);
	left: -webkit-calc(25% - 1px);
	left: -o-calc(25% - 1px);
	left: calc(20% - 1px);
	}

@media (min-width: 768px)
	.col-sm-pull-9 {
	right: 80%;
	}
	.col-sm-3 {
	  width: 20%;
	}
}

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]

Hello,

I’m trying to access your website from Romania,

I accessed your website but with a proxy,

Try to use this css snippet by adding them to Wp-Admin -> Theme Options -> General Settings -> Quick CSS area

COPY CODE

@media (max-width: 991px)
.kleo-main-header, .navbar-transparent .kleo-main-header, .kleo-navbar-fixed.navbar-transparent #header {
  position: relative!important;
  top: auto!important;
  background-color: rgba(0,0,0,0.5);
}

Also try to decrease the line-height for the menu if is need from Wp-Admin -> Theme Options -> Header Options -> Main Menu Height -> to 70,75 or any value.

Cheers

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]

Sorry, but the server is slow… ( i tried to take a look at polylang settings ) can you add please this line in wp-config.php from root wordpress directory ?

COPY CODE

define( 'WP_DEBUG', true );

Then let me know if any errors or notices appears.

Also if you use polylang only for the flags to switch languages, try to test this https://wordpress.org/plugins/simple-language-switcher/ instead polylang , let me know if this will solve your issue.

Cheers

Radu

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]

Still i cannot access your site,

About border the easiest and quick way is to put border to body like this :

COPY CODE

body { border: solid 10px #333;}

But if you want to have border on all sides it’s more complicated which require some time of work.

Regarding the top black bar, go to Wp-Admin -> Theme Options -> Miscellaneous UNCHECK -> Admin toolbar.

About the menu problem, try to add retina logo from theme options -> general settings and recheck the menu, it should work.

Cheers

Radu

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 like this

COPY CODE

.activity-meta .acomment-reply {background-color:yellow !important;}
#buddypress form#whats-new-form #aw-whats-new-submit {background-color: yellow !important;}

Add this css to your kleo-child theme, or in your Theme Options -> General Settings -> Quick Css

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]

Hello,

Anywhere in htaccess it’s ok,

Try to add these in htaccess

COPY CODE

php_value post_max_size 20M
php_value upload_max_filesize 20M

If this solution not solve your issue, try to install theme manually read more here about it ( http://codex.wordpress.org/Using_Themes#Adding_New_Themes_Manually_.28FTP.29 )

Video tutorial : https://www.youtube.com/watch?v=3UP-m3mD5wE

Or if you cannot handle this you can buy install service from us : https://archived.seventhqueen.com/services/wordpress-theme-installation-service

Cheers

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]

Hello,

Load this css it should works.

COPY CODE

.kleo-main-header .navbar-collapse {float:none !important;} 
.kleo-main-header .nav.navbar-nav {float:none !important;}
#header.header-color .navbar-nav > li:last-child {float: right !important;}
.kleo-main-header .navbar-nav .kleo-user_avatar-nav {float:right !important;}

Let me know if it works.

Cheers

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]

Apply this css please

COPY CODE

.kleo-main-header .navbar-collapse {float:none !important;} 
.kleo-main-header .nav.navbar-nav {float:none !important;}
#header.header-color .navbar-nav li:last-child {float:right !important;}

#header.header-color .navbar-nav li:last-child ul.dropdown-menu {
right:0 !important;
left:auto !important;
}

Let me know if it works.

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]

Test with this, it should to be ok.

COPY CODE

@media screen and (max-width: 767px) {

article.hentry {padding-bottom:1px}

article .article-meta, .single-attachment .entry-header {
  width: 100%;
  float: left;
  margin-right: 20px !important;
  text-align: left;
  padding-bottom: 10px !important;
  height: auto !important;
}

.single .container .with-meta .article-content {
  padding:0 10px !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 ?

[Author]

Posts