i've tried this but gone wrong
here's the css
body .modal-ku { width: 750px; }
and here's the failed result
Change the size of the modal by adding the . modal-sm class for small modals, . modal-lg class for large modals, or . modal-xl for extra large modals.
Answer: Set width for . modal-dialog element Similarly, you can override the width property of . modal-sm , . modal-lg and . modal-xl class to resize the small, large and extra-large modal dialog box respectively.
modal max-height is 100vh . Then for . modal-body use calc() function to calculate desired height. In above case we want to occupy 80vh of the viewport, reduced by the size of header + footer in pixels.
In your code, for the modal-dialog
div, add another class, modal-lg
:
<div class="modal-dialog modal-lg">
Or if you wanna centre your modal dialog, use:
.modal-ku { width: 750px; margin: auto; }
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With