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;
}
