Hi,
we try to maintain consistency with the main website, so it’s weird it’s too big. Can be some other styles is affecting the button ?
If you could provide us with an url, we are happy to give a check.
Anyway, if you would like to override styles applied by the plugin, you can use following css in your stylesheet to target the button properties:
#flexi_searchbox #b_searchboxInc .b_submitButton_wrapper .b_submitButton {
your style
}
using the !important directive if necessary.
Let us know,
have a nice day and thanks for reporting !
Hi,
Yes, at the new versions the button is as big as the one at booking.com web site. But at my site with version 1.2 it looks much more smaller. You can see it here.
My sidebar is only 200px wide and I don’t need a huge button. Maybe you can add and option to change button dimensions from the admin panel in the next versions.
Thanks
Hi,
thanks for the feedback !
We suggest you to update the plugin: you can always play with the style firing following selector:
#flexi_searchbox #b_searchboxInc .b_submitButton_wrapper .b_submitButton
Reducing the font-size and/or padding would do the job 🙂
Hi,
I added it to my stylesheet like this, but it didn’t change anything at all.
#flexi_searchbox #b_searchboxInc .b_submitButton_wrapper .b_submitButton {
font-size: 1em !important;
}
I also played with font value for the same selector at “bookingcom-official-searchbox/css/bos_searchbox.css” file, and it worked. I also changed fonr value at hover selector:
#flexi_searchbox #b_searchboxInc .b_submitButton_wrapper .b_submitButton:hover {
