Tagged: , , ,

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • January 31, 2023 at 12:50 pm #1396018
    frawer

    Hi,

    I built a website with enfold to rent our Seminarrooms. I choose a the Enfold Red theme because it matches perfectly with our main sites.

    Now I have the problem that the availability table is also shown in different reds.

    Can somebody tell me the css to change these to different greens?

    https://seminarraum-muenchen.org/produkt/seminarraeume-in-muenchen-zu-vermieten/

    So I have the actual date – dark red, a hover color over the dates: a milky red, a selected date is dark red too and booked dates are shown in white which is ok.
    Can somebody tell my the css to change the colors in the table.

    Thank you very much!

    Frank

    January 31, 2023 at 6:28 pm #1396075
    Rikard

    Hi Frank,

    Please try the following in Quick CSS under Enfold->General Styling:

    #top .main_color .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-current-day a {
    background: green !important;
}

.main_color .wc-bookings-date-picker .ui-datepicker td.bookable a {
    background-color: yellow !important;
}

    Best regards,
    Rikard

    January 31, 2023 at 8:18 pm #1396097
    frawer

    Hi,

    thanks a lot, almost perfect. Can you tell me the code for changing the selected date too? Now I have everything in green but when I select a date its still red. How can I change this color too?

    Thanks a lot for your perfect support as usual!
    Thanks
    Frank

    February 1, 2023 at 3:59 am #1396126
    Nikko

    Hi Frank,

    Please try to add this CSS code:

    #top .main_color .wc-bookings-date-picker .ui-datepicker td.ui-datepicker-current-day .ui-state-active {
    background: green !important;
}

    Hope it helps.

    Best regards,
    Nikko

    February 1, 2023 at 8:17 am #1396154
    frawer

    Hi,

    we are almost there. The first selected date is now green, but the date range still red. You have to select two or more days to see this. Any more ideas?

    Seminarräume in München zu vermieten

    Thanks a lot
    Frank

    February 1, 2023 at 10:35 am #1396178
    Nikko

    Hi Frank,

    Can you try adding this as well:

    #top .main_color .wc-bookings-date-picker .ui-datepicker td.bookable-range .ui-state-default {
    background-color: green !important;
}

    Best regards,
    Nikko

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