Free and Premium WordPress Plugins & Themes Forums WordPress Plugins Hotel Booking Divi – availability search style
- This topic has 5 replies, 3 voices, and was last updated 2 weeks, 2 days ago by
Andre Flores.
- AuthorPosts
- May 31, 2022 at 11:41 pm #1311705
Georgian B
ParticipantHi there,
I’m on Divi and find it hard to style the availability search.
I want to:
1. Make the check-in/out fields wider.
2. Have the adults and children selectors at the same size and style as the check-in/out fields so that they match.
3. Don’t know why but I have the old school selector style with the gray grading instead of the modern clean one.How can I make this happen?
Here’s the website I’m working on: https://urbio.ro/acasa/
June 2, 2022 at 11:56 pm #1312728J. Davis
KeymasterHi Sirius,
Thanks for your question. I recommend you to install the following addon https://motopress.com/products/hotel-booking-divi-theme-integration/ It will make the plugin to inherit the design of your theme. The styles of buttons can be configured via Appearance > Customize after you install that extension.
Let me know if it is helpful.
best regards,
J. DavisJune 15, 2022 at 2:13 am #1317814Georgian B
ParticipantHi J,
It was already installed. Found a piece of code in another post you did to help with the styling and used that as the basis for all the modifications I wanted to make.
For some reason it didn’t inherit the design of my theme fully. It seems that the button styling is inherited and now I’m looking for ways to style the search button itself without interfering with the other customised buttons. Can you point me in the right direction? The hover effect is the challenge.
Thank you for your answer! I somehow didn’t get notified you got back to me.
June 16, 2022 at 6:57 am #1318367Andre Flores
ModeratorHello there,
You may apply the style by adding .mphb_sc_search-submit-button-wrapper class to the CSS rule as follows:
.mphb_sc_search-submit-button-wrapper .button { background:#000; border: 1px solid #000; color:#fff; padding:15px 35px; } .mphb_sc_search-submit-button-wrapper .button:hover{ background:#fff; color:#000; }
Change colors to any desired ones.
Best regards,
AndreJune 16, 2022 at 11:54 pm #1318625Georgian B
ParticipantThis is perfect! Thank you so much, Andre!
June 20, 2022 at 10:58 pm #1319834Andre Flores
ModeratorYou are always welcome, I am glad I could help.
It would be very much appreciated if you share your positive thoughts on the Hotel Booking plugin at: https://motopress.com/products/hotel-booking/#edd-reviews-respond.Thank you in advance!
Best regards,
Andre Flores - AuthorPosts
- You must be logged in to reply to this topic.