Changing the size of display form/ edit Form/ New Form manually in share point list Using CSS

Changing the size of display form/ edit Form/ New Form  manually in share point list Using CSS



Adding the following CSS styles in  DispForm/NewForm/EditForm.aspx  file of the item:


<style type="text/css">

.ms-dialog{

z-index: 1505;
display: block;
width:1000px;
height:600px;
margin-left:auto;
margin-right:auto;
left: 30px;
top: 20px;
}

</style>

Steps:

1) open the list in share point designer

2) open the DispForm/NewForm/EditForm.aspx in 'Edit In Advanced Mode'

3)Add the Above css style under

<SharePoint:UIVersionedContent UIVersion="4" runat="server">

<ContentTemplate>

4) Save it and check in browser.