SharePoint 2007 Forms look squashed.
Posted: 12/05/2010 Filed under: Designer | Tags: Branding Leave a comment »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).
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).