BGilbertson Posted March 1, 2021 Share Posted March 1, 2021 Hi all, I would like to embed a Google Doc onto the site. However, when I do, the sizing of the embed frame is standard (small) and has vertical sliders. I could use custom CSS to set a custom height and width, but the document changes every week and may be longer or shorter. How do I add a Google Doc onto the site in its full size without cropping or extra white space? Also, the site admin will be handed over eventually to users who do not know CSS, so simplicity in embedding would be preferable. Kindly, Bryn Link to comment
tuanphan Posted March 3, 2021 Share Posted March 3, 2021 Can you share link to page where you added Google Docs? 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
BGilbertson Posted March 17, 2021 Author Share Posted March 17, 2021 Hi Tuan, I've sent you a private email to consider the site. Thanks! Link to comment
BGilbertson Posted March 17, 2021 Author Share Posted March 17, 2021 Hi Tuan, Here is the example I am currently using. The "Rosters" folder cannot be clicked. I would like it to be clickable to go to a contents page. I was hoping not to need to use injections either as they require a business plan, but am open to whatever solution is available. Kindly, Bryn P.S. As for the site link, I have sent you a personal email. Link to comment
therisejourney Posted September 27, 2022 Share Posted September 27, 2022 Would love to hear about the results - looking to embed some google docs into blog posts and would love for it to use dynamic sizing! Link to comment
tuanphan Posted September 28, 2022 Share Posted September 28, 2022 19 hours ago, therisejourney said: Would love to hear about the results - looking to embed some google docs into blog posts and would love for it to use dynamic sizing! Can you share link to a post where you added Google Docs? We can take a look 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
tuanphan Posted September 28, 2022 Share Posted September 28, 2022 On 3/17/2021 at 9:56 AM, BGilbertson said: Hi Tuan, Here is the example I am currently using. The "Rosters" folder cannot be clicked. I would like it to be clickable to go to a contents page. I was hoping not to need to use injections either as they require a business plan, but am open to whatever solution is available. Kindly, Bryn P.S. As for the site link, I have sent you a personal email. Missing your question. If you still need help, just comment below, we can give the code 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
therisejourney Posted October 3, 2022 Share Posted October 3, 2022 @tuanphan https://www.risewithophr.com/ophr-tier-1-templates-worksheets-presentations/blog-post-title-one-zs878 - ideally would like everything centered and to not have scrolling, but just show the whole doc as you scroll down squarespace1 Link to comment
tuanphan Posted October 4, 2022 Share Posted October 4, 2022 19 hours ago, therisejourney said: @tuanphan https://www.risewithophr.com/ophr-tier-1-templates-worksheets-presentations/blog-post-title-one-zs878 - ideally would like everything centered and to not have scrolling, but just show the whole doc as you scroll down squarespace1 Try adding to Design > Custom CSS @media screen and (min-width:768px) { div#block-yui_3_17_2_1_1664290343213_3729 iframe { width: 50%; left: 50%; transform: translateX(-50%); height: 3800px; } } @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1664290343213_3729 iframe { position: static !important; width: 100% !important; transform: unset !important; height: 10000px !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
therisejourney Posted October 11, 2022 Share Posted October 11, 2022 On 10/4/2022 at 10:00 AM, tuanphan said: Try adding to Design > Custom CSS Thank you! This is what it did. Got everything centered but not responsive/standard page width and endlessly long. I think we're ok having scrolling up and down just not side to side. Thoughts? (AND THANK YOU FOR THE HELP!) https://www.risewithophr.com/test/blogpost1 Link to comment
tuanphan Posted October 15, 2022 Share Posted October 15, 2022 On 10/11/2022 at 11:21 PM, therisejourney said: Thank you! This is what it did. Got everything centered but not responsive/standard page width and endlessly long. I think we're ok having scrolling up and down just not side to side. Thoughts? (AND THANK YOU FOR THE HELP!) https://www.risewithophr.com/test/blogpost1 Hi, Form is fine. You mean it overlap footer? 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
therisejourney Posted October 20, 2022 Share Posted October 20, 2022 On 10/15/2022 at 10:10 AM, tuanphan said: Form is fine. You mean it overlap footer? yep! 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