Thread Starter
Chuckie
(@ajtruckle)
Sorted:
/* Advanced Search Form - Center Search button */
#bbp-search-form input[type="submit"] {
display: block;
margin: 0 auto;
}
Thread Starter
Chuckie
(@ajtruckle)
I closed this too early. The problem I just noticed is that on the normal forum topic pages they have the search form at the top. Changing the advanced form affects the simple form button position so this code is no good.
In addition, the input box of the simple form is now not showing the left focus line either.
I have decided to not add a focus rectangle outline
after-all as I don’t know how to deal with these conflicts.
To target advanced search form, use the ‘gd-power-search’ class that the whole form is wrapped in, and each block is a fieldset and each one has own class too, so you can easily target different elements there.
Thread Starter
Chuckie
(@ajtruckle)
Thanks, this seems to do what I want without affecting the normal search form at top of the forum:
/* Advanced Search Form - Center Search button */
#bbpress-forums .gd-power-search input[type="submit"] {
display: block;
margin: 0 auto;
}
#bbpress-forums .gd-power-search fieldset input:hover,
#bbpress-forums .gd-power-search fieldset select:hover {
outline: yellow 2px solid;
}