How can I add custom CSS to the "Book Now" button | Orioly

How can I add custom CSS to the “Book Now” button

In this article you will learn how to add a fully custom design to your “Book Now” buttons, outside the standard options such as  text, text-color and background-color changes that are available within the Orioly application.

If you have not yet, add the button(s) to your website page(s) and follow the steps below to add custom CSS to the button(s)

  1. Add the attribute data-to-not style as so <div data-to-not-style class=”orioly-booknow”…</div>
  2. Open up you .css file and use the .orioly-booknow button{add custom css here}

Can’t find what you’re looking for?

Contact your support team.