Jump to content

Customize Formatting for Embedded Google Doc

Go to solution Solved by tuanphan,

Recommended Posts

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>
 

Screenshot 2023-07-27 at 3.48.27 PM.png

IMG_A35905362EBD-1.jpeg

Link to comment
  • Replies 3
  • Views 966
  • Created
  • Last Reply

Top Posters In This Topic

Top Posters In This Topic

Posted Images

  • Solution

This in iframe code, so you can't adjust it, the only way we can do is reduce embed width

image.thumb.png.eb0c6812fc32155a110aa3b32ac594a7.pngadd 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!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment


×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.