How to change the font colors on the [mphb_availability_search]

[Diana Roberts]

How to change the font colors on the [mphb_availability_search] on homepage widget? If it matters using Luviana theme.

[Andre Flores]

Hello Diana,

You may change the font color by adding the following code under Appearance ->Customize ->Additional CSS:

.front-page-widget-area label {
	color: #e5e8eb;
}
.front-page-widget-area input[type="text"], .front-page-widget-area input[type="email"], .front-page-widget-area input[type="url"], .front-page-widget-area input[type="password"], .front-page-widget-area input[type="search"], .front-page-widget-area input[type="number"], .front-page-widget-area input[type="tel"], .front-page-widget-area input[type="range"], .front-page-widget-area input[type="date"], .front-page-widget-area input[type="month"], .front-page-widget-area input[type="week"], .front-page-widget-area input[type="time"], .front-page-widget-area input[type="datetime"], .front-page-widget-area input[type="datetime-local"], .front-page-widget-area input[type="color"], .front-page-widget-area textarea, .front-page-widget-area select {
	color: #8b9fb9;
}
.front-page-widget-area .widget_mphb_search_availability_widget .mphb_widget_search-submit-button-wrapper .button {
	color: #fff;
}

Change #e5e8eb for labels font color, #8b9fb9 for fields input font color and #fff for the “Search” button color to any desired colors.

Regards,
Andre

[Author]

Posts