Check Availability box background color and remove icon in page title

Free and Premium WordPress Plugins & Themes Forums WordPress Themes Aquentro Check Availability box background color and remove icon in page title

  • This topic has 8 replies, 2 voices, and was last updated 12 months ago by Andre Flores.
Viewing 9 posts - 1 through 9 (of 9 total)
  • Author
    Posts
  • #931625
    TOTH TÓTH SZALAI
    Participant

    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

    #931949
    Andre Flores
    Moderator

    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

    #943471
    TOTH TÓTH SZALAI
    Participant

    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

    #944256
    Andre Flores
    Moderator

    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

    #944307
    TOTH TÓTH SZALAI
    Participant

    Hi Andre,

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

    Thanks

    #944340
    TOTH TÓTH SZALAI
    Participant

    I mean this part:
    Home

    #945194
    Andre Flores
    Moderator

    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

    #945236
    TOTH TÓTH SZALAI
    Participant

    Hi Andre!

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

    Regards,
    Imre

    #945662
    Andre Flores
    Moderator

    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

Viewing 9 posts - 1 through 9 (of 9 total)
  • You must be logged in to reply to this topic.