Check Availability box background color and remove icon in page title

[TOTH TÓTH SZALAI]

Hi,

How can I change the background color (now is black with opacity) of the Check Availability box in the header?

How can I remove the icon below each page title?

Thanks,
Imre

[Andre Flores]

Hi, Toth!

Add the following code under Appearance ->Customize ->Additional CSS:

.homepage-widget-area {
	background: rgba(34,34,34,.85);
}

Replace 34,34,34, with any desired color. In the above code .85 stands for opacity, you may also increase/decrease it if needed.

As for removing icon below each page title, use the following code:

body.single .site-main .entry-header::after, body.page .site-main .entry-header::after, .site-main .page-header::after {
	content: none;
        background: none;
}

Best regards,
Andre

[TOTH TÓTH SZALAI]

Hi,
I have other question about Check Availability box in the header:
How i am able to check the text colors?
for example: Fecha de llegada, fecha de salida.. (Arrival date, departure date).

Thanks

Imre

[Andre Flores]

Hi, Imre!

Simply add the following code under Appearance ->Customize ->Additional CSS:

.homepage-widget-area .mphb_sc_search-form > p label, .homepage-widget-area .mphb-booking-form > p label, .homepage-widget-area .mphb_widget_search-form > p label {
    color: #9f9f9f;
}

Replace #9f9f9f with any desired color.

Regards,
Andre

[TOTH TÓTH SZALAI]

Hi Andre,

Thank you very much but i refer the part where you click on to choose the dates.

Thanks

[TOTH TÓTH SZALAI]

I mean this part:
Home

[Andre Flores]

Hi, Imre!

Thank you for clarification. Add the following code instead then:

.homepage-widget-area .mphb_sc_search-form select, .homepage-widget-area .mphb_sc_search-form input[type="text"], .homepage-widget-area .mphb-booking-form select, .homepage-widget-area .mphb-booking-form input[type="text"], .homepage-widget-area .mphb_widget_search-form select, .homepage-widget-area .mphb_widget_search-form input[type="text"] {
    color: #d4d4d4;
}

Replace #d4d4d4 with any desired color.

Regards,
Andre

[TOTH TÓTH SZALAI]

Hi Andre!

I tried but not working. Still i have the original color.

Regards,
Imre

[Andre Flores]

Hi, Imre!

Try adding !important declaration to the color value:

color: #d4d4d4 !important;

If this does not work, kindly submit a request at: https://support.motopress.com/hc/en-us/requests/new, providing temporary access to your Dashboard, so we take a closer look at the issue.

Regards,
Andre

[Author]

Posts