Jump to content

Custom coding for OpenTable

Recommended Posts

  • Replies 6
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images


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

Greeting, it's BeyondSpace, I am Squarespace dev focus on provide solutions to enhance feature that squarespace.com can't provide.
Feel free to check my current Squarespace Plugins Developement: Enable Pinch/Zoom on lightbox, Delivery Date Picker, Lightbox Studio plugin
If you find my answer fit your need, let's leave a like or upvote so others with the same issue can find their solution. Thank you

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

  • 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.