I too would like this moved. I have found several JQuery’s that are suppose to fix this issue, but none of them work. I have seen this mentioned as far back as five years, and it is asked a lot. Why has this never been fixed? It makes no sense to have the description after the field.
1. Remove all your custom CSS files temporarily and see if the cover image appears by default. If it does, then the problem is probably isolated to your CSS rather than with BuddyPress or your main Theme.
When the CSS is pulled from the buddypress directory, it works as expected. When it is pulled from the theme directory, the cover image disappears. Exact same files in both places.
2. Use the browser developer tools (F12) to see if the id for cover image appears in the code even if you can’t see anything on screen. If it does try manipulating its attributes to bring it to the foreground as it may be hidden beneath other layers (z-index). Or display: none layers around it to see what is hiding it.
It doesn’t appear to be loading the image at all.
3. Check the id’s against your CSS. New id’s were obviously introduced for the cover image which weren’t in old BuddyPress CSS files which you may have used as a base for your custom one.
I have no idea what this means. Can you elaborate, please? I just downloaded buddypress, so everything should be up to date, no?
4. Try another theme with your custom CSS to see if it is a theme issue
Theme doesn’t make a difference, only the location of the CSS files. The CSS files have not been modified.
5. Put all your custom BuddyPress CSS into the standard style.css file within a child theme and see if it works that way.
Tried this, and same problem. Works fine when pulling from buddypress/bp-templates/bp-legacy/css, but try and pull it from anywhere else, and the cover image disappears.
