Editing booking form style css, HOW?

  • Resolved StudioPierre

    (@studiopierre)


    11 years, 2 months ago

    Okay, this is driving me crazy for days now. How do I get rid of the border on cs-booking-form !? Ofcourse I searched for support already and tried many things but nothing seems to change it’s layout. (I’m using version 1.4.2)

    Few of the things I found and tried In custom css:

    .booking-form {
    border: none;
    }

    and

    .cs-booking-form {
    border: none;
    }

    and

    .rtb-booking-form fieldset {
    border: none;
    }

    But NO result. I tried custom css in the theme options aswell changing the plugins css (in restaurant-reservations/assets/css/booking-form.css) – But NOTHING seems to affect the booking/reservations form.

    ps: not only the border, but none of the styling on the booking form seems to be editable. I would like to change some more colors too, but the border is important for me now).

    See my example here: http://lievelente.nl/nieuw123/reserveren/

    ANY HELP WOULD BE VERY HELPFUL! Thanks in advance

    ps: I’m using it in this theme: http://themeforest.net/item/nuvo-restaurant-cafe-bistro-wordpress-theme/9001349

Viewing 4 replies - 1 through 4 (of 4 total)
  • NateWr

    (@natewr)

    11 years, 2 months ago

    Hi StudioPierre,

    The folks behind the NUVO theme have made their own customizations to the booking form. The plugin’s CSS code and HTML markup aren’t even being loaded.

    The following CSS code which you tried should work:

    .cs-booking-form {
  border: none;
}

    If it’s not, you may have to work through a CSS specificity issue to make sure you’re overriding the theme’s styles. An easy way to try this out is something like this:

    body .cs-booking-form {
  border: none;
}

    If that doesn’t work, I’d recommend you get in touch with the theme authors for help in solving this.

    Thread Starter StudioPierre

    (@studiopierre)

    11 years, 2 months ago

    Thanks for the fast reply! Adding ‘body’ works for me 🙂

    Added this to custom css in the theme options and the border is gone! 🙂

    body .cs-booking-form {
  border: none;
}
    ivahalilaj

    (@ivahalilaj)

    10 years, 11 months ago

    Hello!
    I want to change the language of booking form, from english to italian, the sentences : When would you like to book?
    Party Size
    Preferred dining time
    BOOK MY TABLE
    Please submit your reservation details and we will contact you to confirm your booking to replace them in italian, bit I can’t.

    It will amazing if I can use both of languages (when i click italian the booking table convert in italian, but I don’t know how). I’m using qTranslate‑X plugin but I can’t translate the booking table plugin.
    I’m using Nuvo theme:
    http://themeforest.net/item/nuvo-cafe-restaurant-wordpress-theme/9001349

    I’ll be waiting for your help.
    Thank you!

    NateWr

    (@natewr)

    10 years, 11 months ago

    Hi ivahalilaj,

    The Nuvo theme completely overrides the plugin’s booking form. You’ll need to look in the theme strings to translate the booking form they’ve built. If you can’t find it, try contacting their support for help.

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘Editing booking form style css, HOW?’ is closed to new replies.