thehealthhaven Posted June 20, 2022 Share Posted June 20, 2022 Site URL: https://www.thehealthhaven.org/book-an-appointment Hi there, I'm having some issues with an embedded code block. I'm trying to add a booking widget into my squarespace website but it adds it as a small window that the viewer must scroll see all the content. I've searched for a resolution from other peoples posts and tried to copy several bits of code to adjust the page size and even tried some CSS in home>design>custom CSS, but that didn't work either. I would seriously love some advice, i'm a complete noob with this stuff 😞  heres the code i used: <iframe src="https://www.halaxy.com/book/widget/naturopath/erin-willson/953401/783691" style="border:0;width:100%;height:100%;"></iframe> Link to comment
TheSquareSpacer Posted June 20, 2022 Share Posted June 20, 2022 1 hour ago, thehealthhaven said: Site URL: https://www.thehealthhaven.org/book-an-appointment Hi there, I'm having some issues with an embedded code block. I'm trying to add a booking widget into my squarespace website but it adds it as a small window that the viewer must scroll see all the content. I've searched for a resolution from other peoples posts and tried to copy several bits of code to adjust the page size and even tried some CSS in home>design>custom CSS, but that didn't work either. I would seriously love some advice, i'm a complete noob with this stuff 😞  heres the code i used: <iframe src="https://www.halaxy.com/book/widget/naturopath/erin-willson/953401/783691" style="border:0;width:100%;height:100%;"></iframe> Please go to Design > Custom CSS and insert the following code: #block-yui_3_17_2_1_1655724305190_3350 .sqs-block-content {   height: 100vh !important; } Let me know how it goes tuanphan 1 Get Our MultiCurrency Extension for Your Site (7.0 & 7.1) Feel free to reach out for help and projects! The Squarespacer Limited Link to comment
tuanphan Posted June 21, 2022 Share Posted June 21, 2022 Or try adding this to Design > Custom CSS iframe[src*="halaxy.com"] { height: 600px !important; } @media screen and (max-width:767px) { iframe[src*="halaxy.com"] { height: 1300px !important; } }  Email me if you have need any help (free, of course.). Answer within 24 hours. Or send to forum message 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
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment