finickydesigns Posted January 7, 2021 Share Posted January 7, 2021 Site URL: http://foxrunvethospital.com Adding the following javascript in a code block on my site (from a third party) gives it strange white margins and inset content. This is the code: <div id="vetter-btn"></div><script src="https://www.vettersoftware.com/view/dist/online-book.js" identifier="RYw5cE03/uqMwoPcEnMy5HyvXTkMptlYTwfkfEaCwBEQHL4WkVK6nmemHz/Re0hhrtm9itT4TIr4GWdzBvjwKMvaf/8uKdgh4/CkmA8e75U="></script> As an alternative, they provide iframe code. But I have no clue how to go about adding the iframe code. The topics I'm finding have old links that no longer work. I do know that I need to use an embed block. This is the iframe code: <iframe src="https://prodinternal.vettersoftware.com/view/onlinebook/index.html?identifier=RYw5cE03%2FuqMwoPcEnMy5HyvXTkMptlYTwfkfEaCwBEQHL4WkVK6nmemHz%2FRe0hhrtm9itT4TIr4GWdzBvjwKMvaf%2F8uKdgh4%2FCkmA8e75U%3D" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe> I either need to figure out how to add iframes (and hope that it resolves the weird formatting issue), OR fix what's happening with the javascript. Thanks! Link to comment
Beyondspace Posted January 8, 2021 Share Posted January 8, 2021 6 hours ago, finickydesigns said: Site URL: http://foxrunvethospital.com Adding the following javascript in a code block on my site (from a third party) gives it strange white margins and inset content. This is the code: <div id="vetter-btn"></div><script src="https://www.vettersoftware.com/view/dist/online-book.js" identifier="RYw5cE03/uqMwoPcEnMy5HyvXTkMptlYTwfkfEaCwBEQHL4WkVK6nmemHz/Re0hhrtm9itT4TIr4GWdzBvjwKMvaf/8uKdgh4/CkmA8e75U="></script> As an alternative, they provide iframe code. But I have no clue how to go about adding the iframe code. The topics I'm finding have old links that no longer work. I do know that I need to use an embed block. This is the iframe code: <iframe src="https://prodinternal.vettersoftware.com/view/onlinebook/index.html?identifier=RYw5cE03%2FuqMwoPcEnMy5HyvXTkMptlYTwfkfEaCwBEQHL4WkVK6nmemHz%2FRe0hhrtm9itT4TIr4GWdzBvjwKMvaf%2F8uKdgh4%2FCkmA8e75U%3D" frameborder="0" style="overflow:hidden;overflow-x:hidden;overflow-y:hidden;height:100%;width:100%;position:absolute;top:0px;left:0px;right:0px;bottom:0px" height="100%" width="100%"></iframe> I either need to figure out how to add iframes (and hope that it resolves the weird formatting issue), OR fix what's happening with the javascript. Thanks! You can add the iframe into Code block, remember to uncheck the checkbox says : "Display Source" BeyondSpace - Squarespace Website Developer 🖼️ Lightbox Studio (Enable Pinch/Zoom on lightbox) 🗓️ Delivery Date Picker (Squarespace Date format) 💫 Animated Buttons (Referral URL) 🥳 Sparkplugin Customisations Browsers (Browse +100 Spark plugin customisations) 🥳 Elfsight Template Browsers (Browse +1000 Elfsight widget Templates) If you find my answer useful, let's leave a like or upvote so others with the same issue can find their solution. Thank you! Link to comment
Recommended Posts
Archived
This topic is now archived and is closed to further replies.