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

Custom Code works in Wix but not squarespace


MarchHouse

Question

Hi there,

I"m helping someone get a site up and running to link in with Guesty.com - a 3rd party software for booking holiday rentals.  I've added this code block which works well in Wix, but doesn't display well in squarespace.  Does anyone know why or what I can do to display well?  Guesty have given me this code, but said they won't support as they don't use squarespace - and I don't want to use Wix - any help would be greatfully received.  The code is just for a search bar with a calendar.

Many thanks

<div id="search-widget_IO312PWQ"><script>!function(e,t,a,n,c,r){function s(t){e.console.log("[Guesty Embedded Widget]:",t)}var i,d,l,o,y,m,g,h,p,u;n&&(i=n,d=t.getElementsByTagName("head")[0],(l=t.createElement("link")).rel="stylesheet",l.type="text/css",l.href=i,l.media="all",d.appendChild(l)),o=function(){try{e[a].create(r).catch(function(e){s(e.message)})}catch(e){s(e.message)}},h=!1,y=c,m=function(){h||this.readyState&&"complete"!=this.readyState||(h=!0,o())},(g=t.createElement("script")).type="text/javascript",g.src=y,g.async="true",g.onload=g.onreadystatechange=m,p=g,(u=t.getElementsByTagName("script")[0]).parentNode.insertBefore(p,u)}(window,document,"GuestySearchBarWidget","https://s3.amazonaws.com/guesty-frontend-production/search-bar-production.css","https://s3.amazonaws.com/guesty-frontend-production/search-bar-production.js",{"disableCities": true, "siteUrl":"airpeaceofmind.guestybookings.com"});</script></div>

Edited by MarchHouse
Link to comment

12 answers to this question

Recommended Posts

  • 0

Can you share link to the page you inserted code? @MarchHouse

Note: Script does not work when you are in editing mode or loggin

Just tried your code on my site. It worked!

Link: https://cylinder-mackerel-pnk5.squarespace.com/accordion2?password=abc

Edited by tuanphan

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0

Add this code to Home > Design > Custom CSS to center

.guesty-root-element {
    justify-content: center;
}

0 am. Bedtime.

I will check more closely tomorrow, if at that time, nobody has helped you yet.

Email me if you have need any help (free, of course.). Answer within 24 hours.

How to: Setup password & share url - Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
  • 0
15 hours ago, tuanphan said:

Try this code @MarchHouse


section#guesty-search-widget__datepicker input {
    max-height: 20px;
}

 

Many thanks - I changed it to 18px as it works better - its definitely much better - I will go back to guesty with this and see we can improve it still - like the drop down text colours are still different etc - but you have been super helpful - 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...