MarchHouse Posted October 29, 2019 Share Posted October 29, 2019 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> Link to comment
tuanphan Posted October 29, 2019 Share Posted October 29, 2019 Using Code Block, right: select HTML uncheck at Display Source Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MarchHouse Posted October 29, 2019 Author Share Posted October 29, 2019 Many thanks but it is already unchecked? Link to comment
tuanphan Posted October 29, 2019 Share Posted October 29, 2019 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 Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MarchHouse Posted October 29, 2019 Author Share Posted October 29, 2019 https://apom.squarespace.com password test Link to comment
MarchHouse Posted October 29, 2019 Author Share Posted October 29, 2019 many thanks indeed for the help! Link to comment
tuanphan Posted October 29, 2019 Share Posted October 29, 2019 @MarchHouse I see... https://prnt.sc/ppqhpp Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MarchHouse Posted October 29, 2019 Author Share Posted October 29, 2019 Yes thats correct But on Wix it displays as attached. Link to comment
MarchHouse Posted October 29, 2019 Author Share Posted October 29, 2019 Wix is much neater - and in the center of the page? Link to comment
tuanphan Posted October 29, 2019 Share Posted October 29, 2019 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. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MarchHouse Posted October 29, 2019 Author Share Posted October 29, 2019 You are super kind thank you xx Link to comment
tuanphan Posted October 29, 2019 Share Posted October 29, 2019 Try this code @MarchHouse section#guesty-search-widget__datepicker input { max-height: 20px; } Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
MarchHouse Posted October 30, 2019 Author Share Posted October 30, 2019 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
tuanphan Posted October 30, 2019 Share Posted October 30, 2019 @MarchHouse You can create new question to get help with dropdown colors,.. Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message Contact Customer Care - Learn CSS - Buy me a coffee (thank you!) Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.