How to make custom form data less crowded
I just though I would offer this to anyone who, like me, is using a lot custom fields for their listings. I noticed that when there are a lot of custom fields on the listing, particularly paragraphs, it starts to look very crowded and can be difficult to distinguish between each field - especially since the title of the field is exactly the same as the content of each field. Even worse, when the browser window is narrow, everything is squashed in to a column about 120px wide, making the listing very tall.
Insert this code into you child theme's style sheet and you get a small margin between each custom field, plus it allows the custom field data to go underneath the image (see pics)
Code:
/* Custom field data */
.listing-fields {
margin: 25px 0;
overflow: visible;
}
.listing-fields p {
margin:10px 0 0 0;
}
Before:Screen shot 2012-08-09 at 11.02.56 PM.png Screen shot 2012-08-09 at 11.03.12 PM.png
After:Screen shot 2012-08-09 at 11.03.41 PM.png Screen shot 2012-08-09 at 11.03.54 PM.png
Oh, and if anybody knows how to make the title of each custom field
bold, please share.