How to adjust the height of the Vimeo iFrame on mobile?

I've attached a screen shot showing:

1. On a Vimeo widget, too much room between title line and video and then too much room between the video and the next field (Name).
2. I need the form to extend a bit farther toward the edges, horizontally.

Thanks.

Hello ronshuller,

Thanks for reaching out to Jotform Support, We can adjust the height of the video field on your form by injecting custom CSS codes on it. It's easy to do. Let me walk you through it:

1. Copy the code below.

/* adjust the height of the video - 16180121 */



@media (max-width: 500px) {

  div#cid_26 {

    height: 110px;

  }

  body.vp-center {

    height: auto !important;

  }

  iframe#customFieldFrame_26{

    height: 120px !important;

  }

}



/* End code here */

2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.

3. In the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box.

Meanwhile, Can you explain a bit more about the second issue of extending your form, so I can get a better idea of what's happening?

Once we hear back from you, we'll be able to help you with this.

Thanks.
[Jotform]<https:>
[Autoresponder]
There’s a new response on your question:
Too much vertical room on Vimeo widget between title line & Video .
Hello ronshuller,
Thanks for reaching out to Jotform Support, We can adjust the height of the video field on your form by injecting custom CSS codes<https: /> on it. It's easy to do. Let me walk you through it:
1. Copy the code below.
/* adjust the height of the video
- 16180121 */
@media (max-width: 500px)
{
div#cid_26 {
height: 110px;
}
body.vp-center {
height: auto !important;
}
iframe#customFieldFrame_26{
height: 120px !important;
}
}
/* End code here */
2. In Form Builder, click on the Paint Roller icon on the right side of the page to open Form Designer.
3. In the Form Designer menu, click on the Styles tab, scroll down and paste the code into the Inject CSS Code box.
[https://www.jotform.com/uploads/forum/Ronald_L/1719173766_667882864d959_]
Meanwhile, Can you explain a bit more about the second issue of extending your form, so I can get a better idea of what's happening?
Once we hear back from you, we'll be able to help you with this.
[Autoresponder]
Answered by
Ronald
View this thread<https:>
[Jotform Team]
4 Embarcadero Center, Suite 780, San Francisco CA 94111
24/7 Support<https:>
Unsubscribe Thread<https:>
</https:></https:></https:></https:>...