One issue I came across recently was the theme was hiding the user profile fields by printing them with the colour white with a white background. So my first suggestion would be to switch themes to a default theme such as 2017.
Have you done any customisations that could affect this?
Thank you Venutius,
i have done some customizations to the theme header but nothing to the theme body, it i still white. I am also not on 2019 and would really like to keep the theme i have as its a good one, if possible.
There are only two customizations done to the theme php, one is to increase the upload size and the other to enable visual editor in bbpress.
If you feel that the fonts might be white, is there a way to change the color by adding a code? Or any other resolution other than changing themes? I would like to keep that as last resort. However what i am going to do is change it for testing purposes and report back to you.
Alright, just tested with 2017 and it does not fix it.
I think the first thing to do is inspect the elements on the page and see if they are being printed, if they are then you could target them with CSS to give them the right colour.
I am sorry Venutius i am new to all this without any prior background in these things. How do i do what you are suggesting and what am i to look for?
Ah sorry, well listen carefully becuase I’m going to tell you about a very important diagnostic tool for your site. Take time to get to know it as it’s incredibly useful.
Right click on the page where you expect the profile fields to be displayed and you will see a bunch of options, one of them will be ‘Inspect’ or ‘inspect Element’ click on this.
This takes you to your browsers diagnostics, opened in the inspect html section. on the left of this content you will see the html structure of the page to are viewing, at the position of the element you wanted to inspect.
Take time to scroll around this area and you will see the various content areas for your page. Notice the elements are typically collapsed, there’s a triangle pointing right to show the element is collapsed, click on this and the element opens up and the triangle points down.
You should be able to fins a <table> on the page with a class of ‘profile-fields’, this is the table that holds your profile field data, inspect this and see if the profile fields you created are there.
Notice when you click on an element the browser diagnostics will show you the CSS that’s being applied to the elements and what files have set it. Take some time to get used to this incredibly powerful tool. A key feature is that with it you can set new CSS for screen elements on the fly, it won’t be saved and is a great way of seeing the impact of css changes you are looking to make without pushing it out site wide.
Thanks a lot for that Venutius, i did what you asked and tried clicking in various places of the member’s page but i am not seeing any table which has a class or says ‘profile fields’. If i am not mistaken the fields should be listed right underneath the member’s name and i tried there as well as other parts of the page but didn’t see it.
So obviously they are not being printed.
Ah ok, my hunch was wrong, hope you found it an interesting diversion. Have you tried deactivation all plugins apart from BuddyPress to see if there might be a conflict causing this?
Yes i had, and i did it again to double check, the problems persists.
i can disable the under construction mode and let you in as a member.
I just need to view the profile page for now – no need for a login
Am i able to send you a private message here? If so i can send you the link or privately, if not i can post it here, please let me know. I am assuming you want the link to my website, correct?
Sure, i would have to disable the content restriction plugin as the viability of the profile page and all that is set up for members only.Please let me know if there is a way to privately sent you that link, if not i will post it.
you could email me at venutius at buddyuser.com
The problem I could see with your site is that the main BP navigation for the members profile pages is missing. I manually input the address to the profile and I could see all the profile information.
I am sorry Venutius, but how do i fix it?
I’d first try switching your BuddyPress theme to BP Legacy in Settings>>BuddyPress>>Options. and see if the menu appears
Man, i could give you a (hug) right now! 🙂 Thanks a lot!
Now the question is i won’t be able to have the columns view and the round avatars of the members in legacy mode correct? I also have a question on how do members, if they so wish, start and create their own ‘forums’ and ‘groups’ in buddy press? What’s the process?
If you check out my website you should see I’ve written a lot about the basics of BuddyPress, you should check it out, it should answer a lot of questions.
When you enable the BuddyPress Groups component you will be able to set up a Groups page, when this is viewed it will automatically show a Create Group link.
If you install bbPress you can enable group forums, that way your users get the option of addinga forum to their group.
I am definitely going to check it. In regards to the current problem, what are my options in creating a column view for all members and round avatars? Since it looks like i might have to stay with the legacy mode. Do we have any code for that?
Never mind i saw the code, 🙂
I will definitely study your website a bit more and see if you anything on round avatars, if not please let me know a way to do it if you are aware. Thanks again!
Regarding the menus, yes the Legacy menu tabs are horizontal only, there’s not a vertical option, but there is a way for you to get the profile images circular, that’s a simple css trick.
You can add this to your sites custom css in Customizer:
img.avatar {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-ms-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
-webkit-box-shadow: 0 1px 0 #fff;
-moz-box-shadow: 0 1px 0 #fff;
box-shadow: 0 1px 0 #fff;
}
