Multiple Q’s from a new user of Kleo Theme:

[Radu]

Hi,

Yes you right, i’ve forgot… sorry

Here’s the css that makes the image to fit int the circle

COPY CODE

#buddypress #friend-list li div.item-avatar img.avatar, #buddypress #member-list li div.item-avatar img.avatar, #buddypress #members-list li div.item-avatar img.avatar {
    width:100%;
}

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

Now it’s fit but the image it’s a little pixelated because the avatar had 50px and there should be increased so you will have to create a file named members-loop.php in child theme in this path
wp-content/themes/kleo-child/buddypress/members/members-loop.php
in that you will paste this content : https://pastebin.com/raw/3VMWhbfn

That’s it

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 ?

[nextwave]

Hello Radu,

Thank you for that! Ok so It fixed the members page, but if you look on the homepage where I have the member highlight and have chosen square profile – those are still blurry…. Can you help me fix this?

Also how can I change the text color for the login box that is just above the member highlight section?

Thanks,
D

[nextwave]

I want ALL the text for that login area to be white:

‘Log in with your credentials

or Create an account

Sign In

Remember me Lost your password?’

[nextwave]

This reply has been set as private.

[nextwave]

This reply has been set as private.

[Radu]

Hi,

Instead the memebrs-loop.php file use this function instead
This will increase the avatar size on all

COPY CODE

/* Increase Buddypress avatars globally */
function increase_bp_avatar_size($content, $args = []) {
    $args['type'] = 'full';
    $args['width'] = '250';
    $args['height'] = '250';
return bp_get_member_avatar( $args );

}
add_filter('bp_member_avatar', 'increase_bp_avatar_size',999, 2);

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

Cannot see any issue or error in Visual Composer, solved ?

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 ?

[nextwave]

This reply has been set as private.

[Radu]

Hi,

I see, that means that the shortcode for the members masonry to have a new option concerning the avatar size, this will be done in next days….

Please make a video for me that shows how the VC not works to can reproduce exactly like you.

That opacity black want to change color ? or where ?

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 ?

[nextwave]

This reply has been set as private.

[Radu]

Hi,

1. Will let you know

2. You will have to set full width template to can have no sidebar

3. Those are the selectors

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

COPY CODE

.login-form-inline h3.kleo-pop-title {color:#fefefe !important;}

.kleo-pop-title-wrap * {
    color: #fff;
}

.kleo-pop-title-wrap a.new-account {color:#fff}

form#login_form * {
    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 ?

[nextwave]

Hello Radu,

1. Ok
2. I thought I did have that set. Ok so the sidebar is fixed, but I still can’t move page elements and have them save in their new position….. I want to move the testimonials section to be above the 1st custom heading.
3. Great thank you.

-D

[nextwave]

This reply has been set as private.

[Radu]

Hi,

Was implemented in version 4.3 so you have already the feature available.

I’ve added for you a better avatar resolution ( 220×220 ), 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 ?

[nextwave]

This reply has been set as private.

[Radu]

I’ve provided already a solution for that you forgot ?

https://archived.seventhqueen.com/forums/topic/multiple-qs-from-a-new-user-of-kleo-theme/page/2/?view=all#post-180376

So all are done now, the ticket can be closed now ?

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 ?

[nextwave]

This reply has been set as private.

[Radu]

Cannot understand what’s your current problem can you please made a screenshot that points out what it’s “blurry” ? provide also live URL where i can see that, in homepage cannot see any blurry avatar now ,before the update yes, not he avatars had 220×220 instead 50 and also on the members page the avatars are increased to 200px +

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 ?

[nextwave]

This reply has been set as private.

[Radu]

Hi,

You did something wrong there i see same parent files in the child theme

After i’ve provided you the file that makes the avatars larger in directory i remember that you confirmed was ok, so my solution was correct but the issue for this no longer works it’s how you handle the files.

So if you don’t handle correct the files or modify things after i’ve provided you a correct solution i cannot offer support for what you have done in child theme.

You can try to use my solution for the members directory avatar increase in a development install and put in the child theme only that file to see, the avatars will be increase.

So our support service cannot support changes made by the user in child theme.

You can try to ask for a back-up from the hosting on a day where my solution works for you and the child theme was only the files that needs not all parent theme files. Then update the theme to latest version to.
That’s it.
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 ?

[nextwave]

This reply has been set as private.

[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 ?

[nextwave]

Hi Radu,

or I could just delete the buddypress>members>members-loop.php folder and file from the child theme and it would fix everything. 🙂

Thank you and now this ticket is closed!

[Radu]

Great

Have a nice day

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 ?

[nextwave]

This reply has been set as private.

[Radu]

Did you have somehow this file ‘general-popups.php’ rewritten in child theme in this path?

/wp-content/themes/kleo-child/page-parts/general-popups.php

If yes there you should make a small change by removing the autofocus attribute from username field and also for the forgot password.

Also if you are using kleo login element you will have to set autofocus off

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 ?

[nextwave]

Hi Radu,

Thanks for the tip about the Autofocus setting in the Kleo login element – that fixed the issue! 😀

– Danielle

[nextwave]

Also I just noticed that when there is a notification – the dropdown text for the notification is white (should be black) and the same thing then happens for the Messages dropdown…..

How can this be fixed please?

[nextwave]

What is the default setting for the top bar?

Also for accessibility how do I make the text in the search box, forum & members black and all grey elements for member and forum related items?

And the last link in the breadcrumbs to be white instead of gray?

And the socket text is gray and I want it white- but I thought I have it set to white- but it still displays gray?

[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.

[nextwave]

Hello Radu,

Thank you for all your help.

[Radu]

Great

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]

Great

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 ?

[Author]

Posts