This topic has 9 replies, 2 voices, and was last updated 10 years by 
-
-
I was wondering if there was a way to turn off the auto shortening of profile labels in a users profile section. Currently our site has fields for ‘Coaches you work with’ and it gets shortened to ‘Coaches you wo…’
http://www.globalsportcoach.com/members/admin/profile/
Is there a way to edit this to display the entire label, I plan on overhauling the profile layout a fair bit to include business info and maps etc.
You’ll have to overwrite the css for that . In your child theme, try this
COPY CODE#buddypress div.profile .dl-horizontal dt { width: 200px; } #buddypress div.profile .dl-horizontal dd { margin-left: 220px; }Play around the the width and margin-left sizes until you like it.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
btw – I lurked your site a bit. Its looking great.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
@Parkproductions How are you setting the profile header image? I’ve sorted out the css to format it, but curious how your getting the image in the containers background? I’m messing around with rtMedia featured image, but the rtmedia_featured function returns a formatted image tag when all I really need is the image src url.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
Hey @sharmstr,
Thanks for the help and checking the site out.
For the header images I had to use 2 plugins. 1 for profiles and 1 for groups, with a little css modification to fit the kleo theme.
Profiles
http://buddydev.com/plugins/bp-custom-background-for-user-profile/CSS modification
http://buddypress.org/support/topic/cover-photos-for-profiles/I took out the show more/less function as it was getting messy moving things around, id still prefer to float all of the profile heading parts as it needs to expand to fit peoples bio’s in the future.
Awesome. Thank you. I’ll take a look at those. I noticed when you reduce the width of the profile page there’s a big gap between the header and the profile. You might want to check it out on a phone (I haven’t) and see if it happens.
I had an idea on how to do this after I asked the question, but haven’t had the energy to sort it out. I report back if I figure something out that doesnt include any plugins.
In other news, when I was digging through your css, I noticed that you were copying complete css files to your child theme. You might want to consider not doing that and putting all of your overwrites (changes) into the child style.css file. Its a lot easier to track changes that way. At least it is for me. Plus your not loading double the css rules that are exactly the same.
Thanks again!
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
Thanks for the tips. I did notice the gap that occurs when the image is cropped, larger images tend to fill the space, I will need to play around with the css to make it cover properly.
If you find a way that incorporates the image cropping feature that would be of great interest to me.
Just and update. I’ve played around with this all morning. I was able to get the cover image using rtMedia’s featured image setting. Instead of setting the image as the background of a div, I put it in the div, then moved the member avatar up like you have it set. You dont get the gap on smaller screens that way. It works well. But I’m holding off sharing the code because I want to add an easier way for a user to set the cover image. I like how the bp-custom-background-for-user-profile adds a menu item in the profile settings. The other option is to have an “edit cover” icon that when clicked will allow you to select a previously uploaded image or upload a new one. rtCamp is doing this in their InspireBook theme. I’m going to ask them to share a bit of the code. Hopefully they will.
rtMedia already has cropping functionality built in.
Anyhow, I should have something soon.
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
@Parkproductions take a look at this if you want https://archived.seventhqueen.com/forums/topic/profile-cover-plugin
Hi there!!! Help others from the community and mark any reply as solution if it solved your question. Mark as a solutionThis support site is not about custom work. If you need custom development please contact cornel@seventhqueen.com
The forum ‘KLEO’ is closed to new topics and replies.
