How to Center Avatar and Tabs on Profile Page
-
Hello!
For some reason, I’m having a bit of trouble centering (horizontally) the avatar and navigation tabs on the profile page.
Here’s a sample link: http://bellynsoul.com/members/admin/
Does anyone know how to do this?
Thank you!
Sharon
bellynsoul.com
-
Thanks so much, danbp!
Unfortunately, it’s not working though…
This seems like an easy CSS fix, but I can’t seem to get anything to stick! :/
Any other thoughts?
Thanks again,
SharonOK, let’s try differently.
#buddypress #item-header { border: solid 1px red!important; background-color: yellow!important; } #buddypress #item-header-avatar { border: solid 2px black!important; height: 150px!important; width: 150px!important; margin: auto!important; } #buddypress #item-header-content { border: solid 1px blue!important; background-color: green!important; }On the right of the avatar, there are by default some additionnal information: @username and latest activity date/time.
This is in the div item-header-content and span tags. You probably changed that with a display:none, but it’s still in source code…The div
item-header-avatarmust fit to your avatar width and height. Here 150px, but depends of your own settings.All is colored so you can “see” what’s going on.
Okay, getting closer, I can tell…
Is this what you were anticipating?
http://bellynsoul.com/members/admin/
Thanks!!!
SharonP.S. This brings up another issue I just noticed… For some reason my admin profile photo is smaller than other members’.
Here’s another member’s profile:
Please ignore that last part about the smaller image… My goof. π
Okay… So the code you gave me is working great for the avatar (and the colored backgrounds were very helpful too)… THANK YOU!!!!! π
I still can’t seem to figure out where that @username went. I know I hid the activity, but I didn’t think I hid this. I’ll keep searching.
I just wanted to let you know how much I appreciate your help. I’ve been working on this for a while without much luck.
Truly,
Sharon>I still canβt seem to figure out where that @username went.
Look in this file, hopefully in [your-theme]\buddypress\members\single\member-header.php
Look near the top for
bp_displayed_user_mentionname();btw – you should not use ‘admin’ as a username.
https://codex.wordpress.org/Hardening_WordPress#Security_through_obscurityhttp://www.wpbeginner.com/wp-tutorials/how-to-change-your-wordpress-username/
That’s really odd… I haven’t even copied any Buddypress php files into my child theme yet. Must be something I did in the CSS?
Thanks for the heads up! No more admin π
Have you tested with 2015 theme ? Does @mention appear near profile avatar ?
If it does, ask on your (premium) theme support.
Sorry to take so long- this last post slipped by me!
Yes, I did test with 2015 and still do not see it…
The odd thing is I swore I saw this at one point, but I have no idea what happened to it. I even deleted ALL of the custom CSS I created for Buddypress, and still no “@username”.
I’m also still having trouble centering the navigation/sub-nav on the profile page as well. At least the avatar is fixed! π
Thanks for your help!
Okay, so the mystery is solved on the @username issue…
After looking closer at the php file, I now know that “Activity” must be enabled for this to show up!
Now if only I could figure out that centering issue…
- The topic ‘How to Center Avatar and Tabs on Profile Page’ is closed to new replies.