SharePoint 2007 Forms look squashed.

I had to brand a SharePoint site for a client recently, my process involved creating a new master page, copying the core.css and finally updating the files as required. Everything went well and worked fine, but I then noticed that all my forms (DispForm.aspx, EditForm.aspx, NewForm.aspx etc etc) looked squashed (see image below).

form01

After spending some time looking around with no luck, I decided to just poke around on my own. Using IE Developer Toolbar, I selected the relevant elements and found their corresponding css classes. The classes concerned were .ms-formlabel and .ms-formbdy

I went ahead and made my changes by increasing the font-size (see below), and everything worked perfectly.

.ms-formlabel{
text-align:left;
font-family:verdana;
font-size:  8pt; /* Changed the value from .7em to 8pt */
border-top:1px solid #d8d8d8;
padding-top:3px;
padding-right:8px;
padding-bottom:6px;
color:#525252;
font-weight:bold;
}

.ms-formbody{
font-family:verdana;
font-size: 8pt; /* Changed the value from .7em to 8t */
vertical-align:top;
background:#ebf3ff;
border-top:1px solid #d8d8d8;
padding:3px 6px 4px 6px;
}

The forms now look normal, and as it should (see image below).

form02


Follow

Get every new post delivered to your Inbox.