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

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

I’m not sure if the new update to WP bakery Builder that I just updated this morning has caused an issue, but I am now having an issue editing a page.
I can’t add in an element in the backend builder & it has added a sidebar where there shouldn’t be one – when I used the frontend builder. I can’t drag and drop the element to a different position in the front end builder and in the backend builder I can drag and drop it – but it won’t save it there.

[nextwave]

The page it is currently messing with is: About the IAGD Foundation

[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

[nextwave]

Hi Radu,

I added that code in and it didn’t change anything.

No the WP Bakery page builder is still not working properly.

Also please advise on changing the font color on the login section on the home page. (I only want it for the HOME PAGE version.)

[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

[nextwave]

Hello Radu,

1) I see, okay please let me know when this has been updated for the member profile images.

2) For the page builder – navigate to the Foundation page and try in both the back and front end editors to move the testimonial block. Also that page shouldn’t have a sidebar- but it is showing one.

3) For the image you are showing where i want to change the text – I want to change the text color for the login that is on the right side of that box.
All of this text:
“Log in with your credentials

or Create an account

Sign In

Remember me Lost your password?”

I don’t want to change the black box.
– Do you understand what I am referring to?

Thanks,
D

[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

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

Hi Radu,

Seems the WP Bakery & Kleo updates fixed the builder issue in issue 2.

Now I just need the images on the homepage members to render correctly and we are set for my list of issues.

Thanks,
– D

[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

[nextwave]

Hi Radu,

Great! But now when I look at the circular ones on the members page they are now blurry (they used to be sharp). Please advise.

[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

[nextwave]

Hello Radu,

I already have that fix implemented (from before) and it had fixed the problem. But what I am saying is that now the home page ones aren’t blurry – something has changed and made the ones on the members page blurry.

I have all the fixes you had previously provided done. The only change is what has happened in the update for the theme. I haven’t touched any other fixes.

So no- the ticket can’t be closed yet.

Thanks.

[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

[nextwave]

Please log into the site and navigate to the members page and you will see that the member profile (avatar) images are now pixelated (again).
– We had fixed this issue and now something has changed (since the update perhaps).
– All the code you have give me is implemented.

You have to log into the site to see anything as it’s in Dev.
Here is the page once you are logged in: https://iagd.nextwavehosting.net/members/

[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

[nextwave]

Hello Radu,

I never added that file into the main theme folder. I specifically followed your instructions and added into the child theme.

I just downloaded the newest theme files from themeforest to look at what files are there – and in YOUR latest update of Kleo, you have added that members-loop file………

So, it seems that you- the makers of Kleo are actually the ones who have modified the files. And as such that is WHY there is a members-loop file in the main theme directory (where there wasn’t one before).

“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.”
>> These are the instructions you provided on November 20th, and this is why there is the file in the child theme and that is when the solution worked for the members directory page.

So, um, yes you actually are required to provide support to me.

– Looking forward to your assistance so this can be closed.

[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

[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

[nextwave]

Hello,

It has come to my attention that for other logged in users that are testing the site while it’s in dev mode the home page when it’s loading is not showing the top of the page but is scrolling to a lower part of the page.

– I had noticed it was doing that for me but thought it was isolated. I now know that it isn’t.
– How can this be fixed? I didn’t (knowingly) set anything so that it scrolls to a lower part of the page on load.

You already have the login info for your account in this ticket.
Thanks.

[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

[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

[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

[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

[Author]

Posts