Title: css for forms
Last modified: August 31, 2016

---

# css for forms

 *  [seniormasters](https://wordpress.org/support/users/seniormasters/)
 * (@seniormasters)
 * [10 years ago](https://wordpress.org/support/topic/css-for-forms/)
 * I’m sure this is a common problem, but I need it explaining please. Its about
   Forms. When I go to display a form it overscales… if that the right term. When
   building the form its compact, the check boxes properly in line etc, fonts size
   looks too big, boxes to large. Here is an example. I took a screen print of the
   form as its built in mailform, then below how it looks. I guess I need to add
   some form of css styling but don’t know how to do it. My theme pure & simple
 * [http://www.tsmt.co.uk/form/](http://www.tsmt.co.uk/form/)
 * Thanks
    Michelle
 * [https://wordpress.org/plugins/wysija-newsletters/](https://wordpress.org/plugins/wysija-newsletters/)

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Thread Starter [seniormasters](https://wordpress.org/support/users/seniormasters/)
 * (@seniormasters)
 * [10 years ago](https://wordpress.org/support/topic/css-for-forms/#post-7150115)
 * Re above, I have been working o ut a code which should work, but doesn’t change
   anything. Can I have some help with getting this to work please. Thanks you
 * #form-wysija-shortcode56e0beec132d1-7 p.wysija-paragraph label{ font-weight:400;}
 * #form-wysija-shortcode56e0beec132d1-7 p.wysija-paragraph label.wysija-radio-label{
   
   font-weight:400; font-style:italic; font-size:15px; color:#000000; }
 * #form-wysija-shortcode56e0beec132d1-7 p.wysija-paragraph label.wysija-radio-label
   input[type=radio]{
    height:14px; display:inline; top:auto; bottom:auto; left:
   auto; position:static !important; clear:none; float:none; max-width:37px; min-
   height:4px; max-height:24px; }
 * #form-wysija-shortcode56e0beec132d1-7 p.wysija-paragraph label.wysija-checkbox-
   label input[type=checkbox]{
    display:inline; position:relative !important; top:
   auto; bottom:auto; left:auto; clear:none; float:none; max-width:37px; height:
   16px !important; min-height:16px; }
 * #form-wysija-shortcode56e0beec132d1-7 p.wysija-paragraph label.wysija-checkbox-
   label{
    font-style:italic; font-size:15px; }
 *  [Wysija](https://wordpress.org/support/users/wysija/)
 * (@wysija)
 * [10 years ago](https://wordpress.org/support/topic/css-for-forms/#post-7150168)
 * Hi,
 * Your form looks fine in the link you sent. Have you solved the issue?
 * Otherwise, your theme is probably changing the styles. Can you get in touch with
   your theme’s developer?
 * Thanks!

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘css for forms’ is closed to new replies.

 * ![](https://s.w.org/plugins/geopattern-icon/wysija-newsletters_ffddcc.svg)
 * [MailPoet Newsletters (Previous)](https://wordpress.org/plugins/wysija-newsletters/)
 * [Support Threads](https://wordpress.org/support/plugin/wysija-newsletters/)
 * [Active Topics](https://wordpress.org/support/plugin/wysija-newsletters/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/wysija-newsletters/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/wysija-newsletters/reviews/)

 * 2 replies
 * 2 participants
 * Last reply from: [Wysija](https://wordpress.org/support/users/wysija/)
 * Last activity: [10 years ago](https://wordpress.org/support/topic/css-for-forms/#post-7150168)
 * Status: not resolved