Hi, I use wpforo plugin for my forum website.
And I added the Forum Search widget to side bar and wanted to change the search clicking box color and currently it doesn't have hover effect. Please refer the attached image for more idea what I'm talking about.
Can you help me to customize or do this.
Thank you.
Hi @rapid3dme,
Please try the following CSS code:
#wpf-widget-search input[type="submit"] {
height: 30px !important;
}
#wpforo #wpforo-wrap input[type="submit"]:hover, #wpforo #wpforo-wrap input[type="reset"]:hover {
background: #3a7386;
}
Please note the red marked value can be changed.
The CSS code should be added in the Dashboard > Forums > Settings > Styles admin page "Custom CSS code" textarea.
Don't forget to delete all caches and press CTRL+F5(twice) on the frontend before checking.
I have added the CSS code to Dashboard > Forums > Settings > Styles admin page
However it doesn't change anything
Following is the current all the CSS code
#Top_bar #menu ul li a span.description {
display: none;
}#wpforo-wrap {
font-size: 13px; width: 100%; padding:10px 0; margin:0px;
}#wpf-widget-search input[type="submit"] {
height: 30px !important;
}#wpforo #wpforo-wrap input[type="submit"]:hover, #wpforo #wpforo-wrap input[type="reset"]:hover {
background: #2E9CCA;
}
@rapid3dme
try
#wpf-widget-search input[type="submit"] {
height: 30px;
background:#2E9CCA;
color:#FFFFFF;
}
#wpf-widget-search input[type="submit"]:hover, #wpf-widget-search input[type="reset"]:hover {
background: #5680e9;
}
visit my wpForo Community > Tutrix.de
with lots of customization & modification, e.g. hover cards, topic/post preview on mouseover, chatbox and much more...
Great, now it's working,
thank you
