Button Sizes and Font color

[Arnd Mueller]

Hi,
when I use the shortcode:

[mphb_availability_calendar id=”977″ monthstoshow=”4″ display_price=”true”]

Everything looks cool except the Button is very small, how can I make it bigger?

Other Question I need to change the Font colors when I use the Shortcodee: [mphb_availability id=”977″]

How can Imake these changes?

Yours
Arnd

[J. Davis]

Hi Arnd, The styles of colors and fonts depend on the design of your theme so it may differ in each theme. You can add custom CSS styles to override your theme styles for the hotel booking widgets.

[Ervin]

Can you give a short example how to change the fonts color only for the availability search shortcode

[mphb_availability id=”911″ class=”is-style-horizontal-form”]

[J. Davis]

Hi Ervin,
The color of the labels and placeholders can be changed by applying custom CSS styles. Could you specify the text you want to change the color for?

[Ervin]

Hi Davis,

I want to change the color of text that shows in the availability shortcode like:
“Check-in Date”, “Check-in Date”
and of the text that shows after clicking Check Availability. Example:
“Home with Garden is available for selected dates.
Prices start at: €700 for 7 nights”

When I add custom CSS below it makes the texts I want White but this will change the color also for the rest of page which I don’t want. Rest of the page has default colour black or dark.

body {
color: white;
}

How can I restrict the color change only to the availability module?

[J. Davis]

Hi Ervin,
You can try to apply the style below:

.mphb-booking-form p, .mphb-booking-form label, .mphb-booking-form p, .mphb-booking-form span{
  color:#fff;
}

[Ervin]

Hi Davis, yes this worked perfectly! Thanks!

[Author]

Posts