Adjust iFrame Height for embedded forms in WordPress

Hello Asana colleagues.

Does anyone know a way to adjust the iFrame height/width when embedding forms to websites? I tried the instructions found right here by @Phil_Seeman but unfortunately I can’t seem to get it to work on my WordPress site.

Thoughts?
Sincerely,
Wayne Hedlund
Certified Asana Service Provider

@Wayne_Hedlund1 - I tested it just now, and it seems to work just as Phil outlined.
Could you provide a screenshot of the embed code + the height/width styling code you are adding in?

Hey Bryan,

Great to hear from you! See screenshot: Upload and share screenshots and images - print screen online | Snipboard.io

You can also look at the code on the test page at: https://www.tlsites.com/test-page/

I welcome your thoughts! I do find it weird that I can’t just adjust the height/width in the iframe code Asana gives me?

Wayne

@Wayne_Hedlund1 - I’m not a developer, so my answer is only based on trial and error and reading comments on blogs, but here’s what I found…
When I insert the CSS to adjust the height and width, if I place it in the code AFTER the embed code, it works. When I place it before, it does not work.

Try that. :slight_smile: If that doesn’t work, you’ll probably need Phil/other developer/one of the many people smarter than me. :slight_smile:

1 Like

Example with CSS code snippet BEFORE form embed code, which DID NOT work for me

Example with CSS code snippet AFTER form embed code, which DID WORK for me

1 Like

Yep! That solved it @Bryan_TeamKickstart! Thanks for figuring that out. I wouldn’t have thought to put the css after the code. Just assumed it would need to see it first. Plus, it’s a little clunky to me to put css code in a page rather than in the css file. So the whole thing is odd to me.

All said. THANKS!

2 Likes

This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.