Introduction
After adding padding at the top of the Profile page, you may notice that the top corners are no longer rounded. By default, there is no built-in option to automatically restore rounded corners when padding is added. However, you can apply a custom CSS snippet to round the top corners of the Profile cover area again.
Custom Workaround
Follow the steps below to restore rounded corners on the Profile page:
- Go to Theme Options
- Under Custom Codes, enable CSS
- Append the following code:
body.bbp-user-page div#cover-image-container {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}
body.bbp-user-page div#header-cover-image {
border-top-right-radius: 5px;
border-top-left-radius: 5px;
}- Save your changes.
Troubleshooting and FAQs
Q: The corners are still not rounded after adding the CSS.
A: Clear your browser cache, site cache, and any CDN cache, then reload the Profile page.
Q: Can I change the roundness of the corners?
A: Yes. You can adjust the 5px value to a higher or lower number to increase or decrease the roundness.
Q: Will this affect other pages?
A: No. This CSS only targets the Profile page.