Viewing 7 replies - 1 through 7 (of 7 total)
  • Hi mathijs84,

    Usually the plugin inherits the theme’s colors for input fields. If you want me to take a look, post a link to the site. I can probably provide a quick snippet of CSS to help.

    Thread Starter mathijs84

    (@mathijs84)

    Hi Nate, that would be great.

    Link is here: https://gingeramsterdam.nl/test-reserveren/

    Hi mathijs84,

    If you want to override the color for all form fields on your site, you can use the following CSS code:

    select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
      color: #fff;
    }

    If you just wnat to override it for the booking form fields, you can use the following:

    .rtb-booking-form fieldset input,
    .rtb-booking-form fieldset select {
      color: #fff;
    }
    Thread Starter mathijs84

    (@mathijs84)

    Hi there,

    I used the first one and after that the second one. It is better, but i dont want the background of the box Date and Time to be white. Only the text.

    It happened with both codes.

    How can I change this please

    Hi mathijs84,

    The CSS code I sent doesn’t alter the background color in any way. I just took a look and it doesn’t look like your form fields have a white background. Were you able to get this sorted out?

    Thread Starter mathijs84

    (@mathijs84)

    It now works fine on https://gingeramsterdam.nl/reservations/

    only if you click additional message the colour there is not white yet

    Adjust these lines from before:

    .rtb-booking-form fieldset input,
    .rtb-booking-form fieldset select {
      color: #fff;
    }

    To this:

    .rtb-booking-form fieldset input,
    .rtb-booking-form fieldset select,
    .rtb-booking-form fieldset textarea {
      color: #fff;
    }
Viewing 7 replies - 1 through 7 (of 7 total)
  • The topic ‘change font color’ is closed to new replies.