How do I resize a yola modal box?

  • 1
  • Question
  • Updated 7 years ago
How do I resize a yola modal box? the url is: http://www.idac.co.uk/development/pro...
please click the Sand Wedge image near the bottom of the page.
when the modalbox pops open i have a load of white space at the bottom that i want to get rid of.
Photo of Alex Edmead

Alex Edmead

  • 2 Posts
  • 0 Reply Likes
  • sad

Posted 7 years ago

  • 1
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
Hello Alex,

In the CSS for the Modal box, you would need to adjust the height. At the moment, it is set to 90% but you could set it to the height of the video, the height of the image and another 20px (for margin purposes).

Below is the code:

<!---
<div id="modalbox" style="display: block; top: 5%; height: 90%; left: 15%; width: 70%; "><iframe id="modalboxframe" src="../demo/explicit/025.html" frameborder="no"></iframe><div id="modalboxload" style="display: none; "><div id="modalboxloading"><img src="http://www.kevinscodeexamples.yolasit... src="http://www.kevinscodeexamples.yolasit..." onclick="closemodalbox()" alt="close" id="modalboxclose"></div>

--->

Here is the code as it should look changed:

<!---
<div id="modalbox" style="display: block; top: 10px; height: 800px; left: 15%; width: 70%; "><iframe id="modalboxframe" src="../demo/explicit/025.html" frameborder="no"></iframe><div id="modalboxload" style="display: none; "><div id="modalboxloading"><img src="http://www.kevinscodeexamples.yolasit... src="http://www.kevinscodeexamples.yolasit..." onclick="closemodalbox()" alt="close" id="modalboxclose"></div>

--->

Change the values as you wish.

Hope this helps,

Andi
Photo of Nazlie

Nazlie

  • 1721 Posts
  • 51 Reply Likes
Great answer, Andi! Thanks for helping out here.
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
No problem Nazlie,

Andi
Photo of Kevin

Kevin

  • 475 Posts
  • 29 Reply Likes
Great job Andi! Alex, this can soon be done easily and efficiently. I'm currently working on a Lightbox generator, which allows you to make a beautiful lightbox, including a theme for this. I'll post it on this forum when it is ready.

Kevin
Photo of Andi North, Mangopear Media

Andi North, Mangopear Media

  • 782 Posts
  • 111 Reply Likes
No problem Kevin,

The generator sounds very good! I'll have to try it myself!

Andi