Forum Replies Created
-
-
OMG, I just added the straight shortcode to the theme’s “buddypress/members/single” member-header.php file and it worked like a charm!! 🙂 🙂 🙂
Found an answer at BuddyPress that worked like a charm:
The way I achieve this is by using wordpress blank avatar and css.
In wordpress dashboard Settings -> Discussion, change default avatar to Blank.
In your css file add this (after uploading the image you want to use ->.avatar {background:url(image/custom_avatar.png) 0 0px no-repeat!important;background-size:100%, 100%!important;}
Source: https://buddypress.org/support/topic/changing-the-default-mystery-man-avatar/ (bottom of page)
I will give that a try Sharmstr. Do you have to update the customizations in your functions.php file with each new upgrade version of BP? How do you keep track of that?
Also, I need to update my version of KLEO. Is that a simple upgrade? Will any of my child theme customizations be overridden by the upgrade? First time upgrading…
Thanks so much!
LOVE THIS THEME SOOOO MUCH!!!My host server is InMotionHosting. The site itself is loading pretty quickly. It is the effects, such as the animation of the members appearing as you scroll down the member’s page or the activity page, for instance that appear rather slowly. And, there is a big hesitation when you click a button — to add a friend or to post a comment.
Will these things be helped with a cache program?
Any documentation for how to set it up for Buddy Press?
What is APC? Do you think my host would be open to the idea of allocating more memory to it?
Thanks for all your help!
I meant directions on how to write out a short code without using the virtual composer — say like if I want to use one in a widget or on a page that wasn’t created with VC.
Hello, anyone out there??? It seems like this would be some pretty simple .css code to combine these footers as one and center a wide banner image (with link) in the footer area.
Thank you, Sharmstr, I’ll try that!
Yes, a list of instructions for how to create the shortcodes with the different options would be tremendously helpful!!
Thanks!
ValerieCan I ask if you open that file up in the Appearance/Editor in the wp dashboard and put it in there? Or do you edit the file via ftp?
Not quite sure what you mean, Sharmstr. Should I copy and paste everything in that general setttings custom css box and insert it into the child.css in the editor and then delete it from that box?
Hi Sharmstr,
I’m using “Display Widgets” plugin and it is awesome! You should be able to use it in any widgetized area of the site. It let’s you decide who sees the widget – loggin in or non-logged in.
It was EXACTLY what I needed! A nice complement to this fabulous theme!!
Hi Abe, that actually didn’t work for me… But, I played around with the .css and got some very nice results. I’m satisfied. Thanks for trying to help. I don’t know why I would have an isolated problem. I love your theme… more each day! As I posted at ThemeForest last night:
“As I get deeper and deeper into the depth of this theme, I am truly impressed with the design and quality. I wish every theme had so many beautiful features and details. You guys are definitely a cut above and are setting a new standard. A very beautiful theme! I can’t wait to explore it more and create beautiful websites!”
Thank you, A happy customer 🙂
Here’s another example:
#buddypress ul.item-list li img.avatar {
float: left;
}
img[alt] {
font-size: 82%;
line-height: 10px;
}
img {
max-width: 100%;
height: auto;
}
img {
vertical-align: middle;
}
img {
border: 0px none;
}
*, *:before, *:after {
-moz-box-sizing: border-box;
}Here is another example. This is the image in the right-hand login widget that has the same issue. Its .css is as follows:
img {
max-width: 100%;
height: auto;
}
img {
vertical-align: middle;
}
img {
border: 0px none;
}
*, *:before, *:after {
-moz-box-sizing: border-box;
}Thanks so much for your help, but I don’t think we’ve solved the problem…
Yes, this is what I am seeing, although your example is more severe than mine. Your example looks more cut off. Mine is less, maybe just 1 or 2 pixels… But, enough to make it look BAD!
This is happening all over the site, so it is hard to know which one to choose to look at in the .css, but just for an example, this image that is having the issue has this .css (and all five of those items are checked, oh, and none are crossed out — at least on this example):
#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 {
border-radius: 100%;
border-style: solid;
border-width: 5px;
width: 60px;
height: 60px;I have a question… Is there a place in the .css that would set a rule for ALL the images?? Maybe that is where something is crossed out or unchecked???
You’re very sweet and I appreciate your help.
Yes, I uploaded a new avatar. It does cause blurriness — the 60 size fitting in the 50 circle… Just sayin’
I wish I knew which codes to include in my list — that css was the closest thing I got to get it working.
Changing the avatar size in the custom folder has not done anything.
It has something to do with the circle or frame coming in over the image once it loads on the page. Something there, perhaps a white square frame is covering the bottom and right-hand side, causing the flat hard edges. See picture that I posted above.
PS, I can see the images load beautifully round initially.
Then, something comes in from the bottom and right to cover and make them square.
Maybe that would help someone figure out what is going on.
Hi Sharmstr, you’re very kind to help. No, actually, I said that 60×60 made the flatness at the bottom and right side go away. But, the image blurred as a result, because it is getting squashed into a 50×50 circle.
I did make that change in the custom bp file with a 60×60 setting and it did nothing.
I am seeing changes made in live time. My browser is not caching.
How do you reset the .css?
So, this code controls both the awful looking member profiles in the activity stream, but it also controls the thumbnail of the groups images, SO THAT IS NOT GOOD.
I have to decide whether I want flat squared off member profiles inside of the circles or tiny group images inside of large circular frames.
That is not a good tradeoff. Maybe you could help?????
#buddypress ul.item-list li img.avatar,
You know what would be seriously helpful here, Abe (and could have just saved me 24 hours), is if you could please provide me with the code for all of the 50×50 avatars that are affected on my site. I DO NOT KNOW OR UNDERSTAND CODE, so I am just pulling at straws here. Can you imagine what that is like??? Now, I have the following list, but I know that some of them aren’t correct, but I don’t know which ones, and there are probably others that I need in the list… But, again, I don’t know code, so I have no clue. Just pulling out hair here. But, since you wrote the code, you probably know…
.kleo-rounded img.avatar,
.bbp_widget_login .bbp-logged-in .user-submit,
#buddypress .activity-list .activity-avatar,
.bp-login-widget-user-avatar,
#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,
#members-list li div.item-avatar img.avatar,
#buddypress ul.item-list li img.avatar,
#buddypress .activity-list li.mini .activity-avatar img.avatar,
#buddypress .activity-list li.mini .activity-avatar img.FB_profile_pic,
.bp-login-widget-user-avatar img.avatar,
.activity-list span.avatar,
#whats-new-avatar,
#activity-stream div.avatar,
.buddypress.widgets ul.item-list .item-avatar,
.buddypress.widgets .avatar-block .item-avatar {
height: 60px;
width: 60px;
left: -30px;
margin-bottom: 20px;
}You know, it seems like since you wrote the code, that you could be more helpful in providing code to help fix it. I am NOT a coder, I know NOTHING about BuddyPress, and I have spent the last 24 hours digging around in the code, GUESSING, digging out avatar call out codes, sticking them into the custom css, seeing if they work. Now, I have some that don’t have flat edges showing, some that do, some blurry images, some with the online marker now moved away at least 10 pixels from the circle. Just really LOVELY F’N results, you know. If you know of any code, or could possibly help me out here, it would be appreciated. This project is due tomorrow and my head is going to roll.
I’m VERY confused, Abe. Obviously. And, upset.
What size should I designate in that custom file??????
Thanks, Abe. I appreciate hearing from you.
FYI, the code I posted above solved the problem of seeing the hard flat edges inside the circles, but the images are now very blurred. A 60×60 being forced into a 50×50 area.
If you know of a fix to my problem that will not make the images blurry, I would greatly appreciate your help!!
By the way, did you see my screen capture??? The same 50×50 images on your demo site looked fine in my same browser, side by side, with mine. So, it definitely has something to do with the code in my installation. It has nothing to do with the browser.
Here’s the fix. KLEO Support left out some of the avatars in one of the previous support questions. But, I figured it out. Hopefully, it will help someone else. Otherwise, your theme is very lovely. Just wish your support was a little quicker….
.bp-login-widget-user-avatar img.avatar,
.activity-list span.avatar,
#whats-new-avatar,
#activity-stream div.avatar,
.buddypress.widgets ul.item-list .item-avatar,
.buddypress.widgets .avatar-block .item-avatar {
height: 60px;
width: 60px;
left: -30px;
margin-bottom: 20px;
}I cannot believe that no one from KLEO support has responded to this problem yet. I am truly disappointed. I have just completely uninstalled KLEO parent and child, Buddypress, BBpress and reinstalled them all and nothing has changed. I have no other plugins nothing installed this is it. PLEASE HELP!!!
Hi Jonbie, Thanks for the suggestion. I don’t have many other plugins, except for some security plugins running. But, I just deactivated everything to give it a test, and nothing has changed 🙁
Uninstalling buddypress and reinstalling it did nothing. Just wasted my time.
I truly hope that the developers will take a look at my attached image and tell me what is going wrong.
The 50×50 image loads and then the circle that comes in around it appears to be flattening the right side and bottom. But, only in Buddypress. The Activity, groups, the login.
The thumbnail looks perfect in the BBpress forum pages.
Any ideas???
Hi sharmstr,
It’s really nice of you to try to help. I plugged your css into the general settings page css box, but no change.
The only plugins I have running on this WP installation are BuddyPress and BBPress.
Interestingly, the BBPress images look ok. I did install BBPress after installing Kleo. I installed BuddyPress before installing Kleo. I wonder if that order has something to do with it. Perhaps, I should uninstall BuddyPress and try it again…
I hope the theme developers hop in here and help. That would sure be appreciated!
Thanks again
My site is under development, so I cannot post a link. But, this is an image of what is happening: http://snag.gy/zQekd.jpg
I have used Firebug to find out what is causing the issue, as described above.
I hope someone can help. I am under deadline and really upset. My client is going to be livid!!!
OMG, insanity, I just opened every .css file on the server app.css, buddypress.css, and I cannot find any reference to change this.
PLEASE FOR THE LOVE OF GOD WILL SOMEONE TELL ME HOW TO CHANGE EVERY REFERENCE TO:
img class=”avatar-50 photo” width=”50″ height=”50″
TO:
img class=”avatar avatar-80 photo” width=”80″ height=”80″
Ok, here is the problem, these should be 80×80 avatars. That is why they look so awful. The image class for these problem images is the 50×50, but it should be 80×80.
The only page where I have spotted the PROPERLY FORMATTED IMAGE is in a group forum post within BuddyPress.
All of the other images of this size are designated as 50×50 and are too small for the circle, so they show a flat right side and flat bottom, as shown in the photo attached above.
I hope someone can please send me some code to resolve this issue. I am in a rush. Thank you!
Hi, I would sure appreciate a response. I’m thinking of buying another theme because these medium size thumbnails look so awful. Please see image above. I don’t know which size these are. Maybe they aren’t the 50×50? They are the medium size that shows up in the Sitewide Activity and login on the right. Thanks!
