Hi Paul I have embedded a CF7 Reservation Form on the listing page. [Screenshot_1068] Can you pls share the custom css code for changes below: Issue #1 - increase field height of the Date* field so that it’s consistent in height with other fields on the form eg Phone*, Time*…etc [Screenshot_1…

The datepicker can’t be styled unless you swap it out for a jquery datepicker or similar but that would require changing html and a lot of css and extra code overheads. As I mentioned there are some new css rules for modern browsers that allow the select element to be styled. The following should c…

You can change the height of the datepicker like this: .booking-type-contact input.datepicker{ height:60px } I don’t believe though that there is any way to style the input type=“date” calendar popup as that is handled by the system and there is no html or css available. Styling the select el…

Quote: I don’t believe though that there is any way to style the input type=“date” calendar popup as that is handled by the system and there is no html or css available. End Quote Is it possible to add the b/g color to the code in the Form section of the Contact Form ? CF7 Form screenshot [Scr…

I will stick with the default colors. Thanks for the effort. :+1:

Custom css code for Contact Form 7

HTML & CSS

PaulOB April 14, 2026, 6:18pm 4

Where is the contact form exactly? Is it this one: https://gaviaspreview.com/wp/lestin/contact/

What background are you trying to change? The inputs background or the background behind the inputs?

Topic		Replies	Views
Help with Wordpress CF7 Form CSS Styling HTML & CSS	3	99	May 23, 2025
Customizing contact form HTML & CSS	4	757	April 12, 2010
Issue with Select Box and Date Selector HTML & CSS	7	1315	October 8, 2014
Styling Select Boxes in IE7 HTML & CSS	6	4314	September 2, 2010
Change blue color in Select Tag HTML & CSS	8	1532	April 16, 2019

Custom css code for Contact Form 7

Related topics