Hi,
Yes, you should be able to change the colors from Appearance -> Customize -> WP Booking System -> Form
Hello,
Thank you for your very quick replies.
But even after changing the colors, the purple remains.
Similarly, I wanted to change the background colors of the calendar arrows, but it’s not working.
Isn’t there a way to center the send button or change the font size of the labels without using CSS?
Thank you in advance.
Hi,
The color changes for the form should work, but only if the “Plugin Styling” option is enabled in the Settings -> Form Options page. Otherwise the form remains un-styled and it inherits the styling from your theme.
Centering the button and changing the font size can only be done with some custom CSS. If you need help with this, i can send you some sample code.
Hello,
I’ve changed the plugin styling but changing the background of the arrows still doesn’t work.
Pease, I would like some code for:
- change the size and weight of the labels
- change the weight of the text button
In advance, thanks
Hi,
Add this code to WP Admin -> Appearance -> Customize -> Additional CSS:
body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field .wpbs-form-field-label span, body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field label {
font-weight: normal !important;
font-size: 19px !important;
}
body .wpbs-form-field.wpbs-form-submit-button {
font-weight: normal !important;
}
The arrow color indeed doesn’t work, there’s a small bug there. If you could please write us at support@wpbookingsystem.com, i will send you the updated version. Thanks for pointing this out.
Thank you very much !
It works perfectly for labels but not for the button.
Any idea ?
Sorry, update the code with this one:
body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field .wpbs-form-field-label span, body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field label {
font-weight: normal !important;
font-size: 19px !important;
}
body .wpbs-main-wrapper .wpbs-form-container .wpbs-form-field button[type=submit] {
font-weight: normal !important;
}
