Limited Support
Our team is currently on holiday, so support will be limited during this period. Response times may be slower than usual, and some inquiries may be delayed.
We appreciate your patience and understanding, and we’ll resume our usual support by the end of August.
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;
}
