Jump to content
Search In
  • More options...
Find results that contain...
Find results in...
Advanced Search
  • 0

Custom coding for OpenTable



Site URL: https://www.thechurchillbar.co.uk/

Hi All,

I am looking for a custom code to personalise OpenTable section on our website. It is added as a code (not widget). Any recommendations? Tried couple of codes but they didn't seem to work. Additionally, I am not sure why it's displaying such a wide space underneath - any ideas?

Thanks in advance!


Link to post
  • Answers 6
  • Created
  • Last Reply

Top Posters For This Question

Top Posters For This Question

Posted Images

6 answers to this question

Recommended Posts

  • 0

Thanks bangank36 - the height worked however alignment doesn't and still can't customise this code section. Any ideas / suggestions will be greatly appreciated 🙂

Link to post
  • 0

Instead of placing OpenTable widget from '+' components option I have put it as a code (as I wanted trackable code to be implemented). Does this help?

Link to post
  • 0


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 post
  • 0

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

Greeting, it's BaNgan from 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, Advanced Product Delivery Date Time PickerGeolocation Automatic Currency Converter, Sortable Table from GSheet
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 post

Create an account or sign in to comment

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

  • Create New...