Jump to content

Custom coding for OpenTable

Recommended Posts

  • Replies 6
  • Views 767
  • Created
  • Last Reply


These are codes I currently have, however (as I mentioned) I didn't add OpenTable widget but instead I've placed a code (see below as an example). Therefore, probably that is why below codes don't work.

/* open table block */
div.sqs-block-opentable-v2 .squarespace-opentable-new-age-wrapper {
    padding: 0px;
#ot-reservation-widget {
    font-family: "Lora", Times, serif !important;

#ot-reservation-code {
    font-family: "Lora", Times, serif !important;
      alingment: center;
div.sqs-block-opentable-v2 .squarespace-opentable-button-wrapper .ot-dtp-picker-button {
    color: #fff;
    background: #3158a3;
    border-radius: 4px !important;
      font-family: Lora !important;
    font-weight: 400;
    font-style: normal;
      text-transform: uppercase;

Ot 1.JPG

Ot 2.JPG

Link to comment

Maybe I provide wrong approach, let me find the root cause

BeyondSpace - Squarespace Website Developer

🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox)
🗓️ Delivery Date Picker (Squarespace Date picker form field)
💫 Gallery block 7.1 workaround
🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations)
🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates)

If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you!


Link to comment


This topic is now archived and is closed to further replies.

  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.