Jump to content

Centering Garmin Connect Iframe

Go to solution Solved by Ziggy,

Recommended Posts

Hi There

I have embeded a public activity from my garmin connect page and it's working great. I simply want to just center it. When I go to do this, this blog doesn't even load. In the EDIT page, it seems to center, but at the bottom you can see the code below the Iframe. Just wondering if anyone knows how to properly do this. I tried doing a center within the Iframe but didn't work, so found a recommended to do it it ouside. I'm afraid to save and publish again as the last time the blog page didn't even load. 

The embedded code: <iframe src='https://connect.garmin.com/modern/activity/embed/11933094699' title='Mist Mountain' width='465' height='500' frameborder='0'></iframe>

image.thumb.png.a25c054c8de56a3beee7d48bc20300a3.png

Link to comment
  • Replies 3
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

  • Solution

You can't type CSS commands like align:center directly into HTML, but you can surround the iframe in <center> tags like this:

<center>

 <iframe src='https://connect.garmin.com/modern/activity/embed/11933094699' title='Mist Mountain' width='465' height='500' frameborder='0'></iframe>

</center>
Edited by Ziggy

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

Link to comment
38 minutes ago, Brandimore said:

Of course, thank you! That worked like a charm 🙂

Excellent!

Please like and upvote if my comments were helpful to you. Cheers!

Zygmunt Spray
Squarespace Website Designer
Contact me: 
https://squarefortytwo.com 

🔌 Ghost Squarespace Plugins (Referral link)
📈 SEO Space (Referral link)
 SquareWebsites Plugins (Referral link)
Spark Plugin (Referral link) 

 Did I help? Buy me a coffee?

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.