WhompWorld Posted July 27, 2023 Posted July 27, 2023 Hello! I am embedding a google doc on my client's site and having trouble customizing the formatting to THIS PAGE: https://www.keenaco.com/las-vegas-show-specials Is there a way to make it: 1. Centered and fill the Screen on desktop. 2. No Shadow Boarder 3. Mobile: text not as compact as it is showing up. This was the code that I embedded: Embedded Code <center> <iframe src="https://docs.google.com/document/d/e/2PACX-1vRpAnSS71x0kR9qrZSDGNCdgyktzvQgrgkXplytPY_XrcquGYkokFt2nL9SfZogUQ/pub?embedded=true"height="1000px" width="100%" scrolling="yes"></iframe> </center>
tuanphan Posted July 28, 2023 Posted July 28, 2023 Can you share link to page where you added it? We can check easier 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!)
WhompWorld Posted July 28, 2023 Author Posted July 28, 2023 Yes! I had it in there it is https://www.keenaco.com/las-vegas-show-specials
Solution tuanphan Posted July 29, 2023 Solution Posted July 29, 2023 This in iframe code, so you can't adjust it, the only way we can do is reduce embed width add this to Design > Custom CSS div#block-yui_3_17_2_1_1690495933125_1838 iframe { width: 800px; border: none !important; } @media screen and (max-width:767px) { div#block-yui_3_17_2_1_1690495933125_1838 iframe { width: 100% !important; } } 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!)
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment