Limited Support
Our support team is currently on holiday from December 25, 2025 to January 7, 2026, and replies may be delayed during this period.
We appreciate your patience and understanding while our team is away. Thank you for being part of the wpForo community!
Merry Christmas and Happy Holidays! 🎄
Hey guys and thank for an excellent plugin!
How do I change the border radius of the main and the profile menus? (please see picture)
I've spent hours trying to make it work...
Thank you!
Please navigate to Dashboard > Forums > Settings > Styles admin page, put this CSS code in Custom CSS Code Textarea, then delete all caches and do Ctrl+F5 on forum front:
#wpforo #wpforo-wrap #wpforo-menu{border-radius: 4px;}
#wpforo #wpforo-wrap #wpforo-menu li.menu-item:first-child{border-radius: 4px 0px 0px 4px;}
#wpforo #wpforo-wrap .wpforo-profile-wrap .h-footer{border-radius: 4px;}
#wpforo #wpforo-wrap .wpforo-profile-wrap .h-footer a:first-child{border-radius: 4px 0px 0px 4px;}
Thank you Robert! It works perfectly!
I have another question. I've styled all the inputs with
#wpforo #wpforo-wrap input[type=button], #wpforo #wpforo-wrap input[type=submit], #wpforo #wpforo-wrap input[type=reset] {
color: #ffffff !important;
background: #7dc246 !important;
border-radius: 4px !important;
height: 60px !important;
width: 160px !important;
border-color: #7dc246 !important;
}
#wpforo #wpforo-wrap input[type=button]:hover, #wpforo #wpforo-wrap input[type=submit]:hover, #wpforo #wpforo-wrap input[type=reset]:hover {
color: #7dc246 !important;
border-color: #7dc246 !important;
border-style: solid !important;
border-width: 2px !important;
border-radius: 4px !important;
background: #ffffff !important;
}
I try to add the Add topic button to the above code by adding .wpf-button to the above code. That does all the changes except for the hover color of the text which is still white (and therefore I get an empty button with a green border).... What am I missing? I've also tried to isolate the .wpf-button with this code but still doesn't work:
.wpf-button {
color: #ffffff !important;
background: #7dc246 !important;
border-radius: 4px !important;
height: 60px !important;
width: 160px !important;
border-color: #7dc246 !important;
}
.wpf-button:hover {
color: #7dc246 !important;
border-color: #7dc246 !important;
border-style: solid !important;
border-width: 2px !important;
border-radius: 4px !important;
background: #ffffff !important;
}
