Jump to content

form pops up while loading

Recommended Posts

Site URL: http://www.gardenclubofoldgreenwich.org

Sometimes when my site is loading a form pops up. I have a button that links to the form, but I don't want it to pop up when it's loading. It happens when my site is taking more time to load (less than 2 seconds when it's bad.) The form box pops up, but it doesn't contain all the text. 

I've tried removing the form and adding it back, but that didn't work. It's very frustrating because it doesn't always pop up so I can't be certain of anything.

 

Thanks

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

Top Posters In This Topic

Top Posters In This Topic

Also, I have a markdown box with an embedded google slides presentation in a green box. The problem is that the box has a black border on the left and bottom edge. 

The code creates a square so I can have the square presentation show without the black bars. If I cannot figure out how to get rid of them, I will just put the same border on all the boxes and pretend that it's a design feature!

 

<div style="position:relative;padding-top:100%;">
    <iframe src="https://docs.google.com/presentation/d/1eoEdpLgP25EV2N66KrfkZboESGhSkPEbBcll4B4AwGs/embed?start=true&loop=true&delayms=3000&rm=minimal" frameborder="0" allowfullscreen
      style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
  </div>

Link to comment
On 12/28/2021 at 12:40 PM, charbar said:

Also, I have a markdown box with an embedded google slides presentation in a green box. The problem is that the box has a black border on the left and bottom edge. 

The code creates a square so I can have the square presentation show without the black bars. If I cannot figure out how to get rid of them, I will just put the same border on all the boxes and pretend that it's a design feature!

 

<div style="position:relative;padding-top:100%;">
    <iframe src="https://docs.google.com/presentation/d/1eoEdpLgP25EV2N66KrfkZboESGhSkPEbBcll4B4AwGs/embed?start=true&loop=true&delayms=3000&rm=minimal" frameborder="0" allowfullscreen
      style="position:absolute;top:0;left:0;width:100%;height:100%;"></iframe>
  </div>

To remove black border, try adding this to Design > Custom CSS

div#block-yui_3_17_2_1_1638740305523_13347>div {
    overflow: hidden;
}

div#block-yui_3_17_2_1_1638740305523_13347 div {
    right: -2px;
}

 

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.