Customize width and height of modal

[wmmajaliwa]

Hi Themeco

I am trying to customize the width and height of my modal to fit the window height and width.

How do I do this with CSS or JS

I’ve tried this code to echo out the value but it’s giving me an object.

jQuery(document).ready(function($){
	/*$('.x-modal').css('width',$(window).width());*/
  alert($(window).height());
});

[basanta]

Hi There,

Thanks for writing in!

If you are talking about content area modal, you can do it via custom CSS.
Width can be managed via settings.

For height, you can assign a class to the modal element in the customize section.

After that add this CSS to your theme option -> global CSS.

.custom .x-modal-content {
height: 90% !important; /* you can adjust the valu */
}

Hope this helps!