Title: How increase FONT SIZE User-generated-post plugin
Last modified: September 1, 2016

---

# How increase FONT SIZE User-generated-post plugin

 *  Resolved [nobith](https://wordpress.org/support/users/nobith/)
 * (@nobith)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/how-increase-font-size-user-generated-post-plugin/)
 * I use Twenty Sixteen Child Theme and when I use UGP Form then fontsize of this
   form is very small and hard to read.
 * The developer of UGP said:
    “The important thing to understand here is that USP
   does not add any CSS — it leaves it up to your theme to add the styles. So if
   the font is too small, you can adjust it by editing your theme’s style.css or
   whatever (depending on the theme).
 * That said, here is an example to get you started:
 * #user-submitted-posts #usp_form { font-size: 100px; }
 * ….”
    His code does not work and I don’t know how to make fonts bigger on the 
   UGP FORM on a specific page using CSS in CHILD THEME.
 * [https://wordpress.org/plugins/rencontre/](https://wordpress.org/plugins/rencontre/)

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

 *  [Jeff Starr](https://wordpress.org/support/users/specialk/)
 * (@specialk)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/how-increase-font-size-user-generated-post-plugin/#post-7599614)
 * Most likely some other styles (from theme or plugin) is overriding the CSS. If
   you have a URL where the USP Form is displayed, I would be glad to take a look
   and try to provide some CSS that is more specific.
 *  Thread Starter [nobith](https://wordpress.org/support/users/nobith/)
 * (@nobith)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/how-increase-font-size-user-generated-post-plugin/#post-7599630)
 * Hi,
 * the link below has the UGP Form at the bottom that has very small text which 
   is hard to read. I want to make it bigger but can’t find any CSS that works. 
   And I don’t know where I should place this CSS anyway. I use theme child twenty
   sixteen from RENCONTRE.
    [Dating Stories](http://www.datinghawk.com/dating-stories/)
 *  [Jeff Starr](https://wordpress.org/support/users/specialk/)
 * (@specialk)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/how-increase-font-size-user-generated-post-plugin/#post-7599664)
 * Thanks, looking at the source code, it seems that the USP Form somehow was wrapped
   with `<code class="mm-code">...</code>`. That is why the default form styles 
   are looking weird or whatever, because your theme is styling the code tag.
 * To resolve, locate the USP Shortcode and change it from this:
 * `<code class="mm-code">[user-submitted-posts]</code>`
 * ..to just this:
 * `[user-submitted-posts]`
 * So that the shortcode is not wrapped with the code tag. Most likely, that will
   resolve the issue. Let me know how it goes.
 *  Thread Starter [nobith](https://wordpress.org/support/users/nobith/)
 * (@nobith)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/how-increase-font-size-user-generated-post-plugin/#post-7599671)
 * On my pages I use already as Shortcode [user-submitted-posts]
    But I looked into
   the source code of the widget itself but could not find your code…just to make
   sure. However I found this: /* Custom Form Info */ #mm-plugin-options .usp-custom-
   form-info { padding: 0 0 0 30px; } #mm-plugin-options .usp-custom-form-info code{
   font-size: 11px; } #mm-plugin-options .usp-custom-form-info p { margin: 0; padding:
   10px 0; font-size: 11px; } #mm-plugin-options .usp-custom-form-info ul { margin:
   0 0 0 30px; padding: 0; font-size: 11px; } #mm-plugin-options .usp-custom-form-
   info li { margin: 3px 0; }
 * /* Form Controls */
    .mm-table-wrap input[type=”text”] { width: 80%; font-size:
   13px; } .mm-table-wrap textarea { width: 90%; font-size: 13px; } .mm-table-wrap.
   input-short[type=”text”] { width: 77px; } .mm-radio-inputs { margin: 7px 0; }.
   mm-radio-inputs span { padding-left: 5px; } .mm-radio-inputs small { padding-
   left: 5px; color: #777; font-size: 11px; }
 * Can I change font-size in this source code of UGP? But where? Should I simply
   change it and test it out?
 * However do you know how to get rid of the white space in the top above Logo and
   between Menu and Body?
 *  Thread Starter [nobith](https://wordpress.org/support/users/nobith/)
 * (@nobith)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/how-increase-font-size-user-generated-post-plugin/#post-7599681)
 * I think I found solution. Just turn off css styles in User Submitted Post Plugin.
   Go to the Plugins and the USP Plugin. Then change Form Style.
 * General Options
    Form style HTML5 Form + Default CSS (Recommended)
 * **HTML5 Form + Disable CSS (Provide your own styles) ** Tick this box here!!
 * Custom Form + Custom CSS (Provide your own form template & styles)
 *  [Jeff Starr](https://wordpress.org/support/users/specialk/)
 * (@specialk)
 * [9 years, 9 months ago](https://wordpress.org/support/topic/how-increase-font-size-user-generated-post-plugin/#post-7599686)
 * Yep that works!
 * Thanks for the follow-up message, glad you got it sorted.

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

The topic ‘How increase FONT SIZE User-generated-post plugin’ is closed to new replies.

 * ![](https://ps.w.org/rencontre/assets/icon-128x128.png?rev=990206)
 * [Rencontre - Dating Site](https://wordpress.org/plugins/rencontre/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/rencontre/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/rencontre/)
 * [Active Topics](https://wordpress.org/support/plugin/rencontre/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/rencontre/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/rencontre/reviews/)

 * 6 replies
 * 2 participants
 * Last reply from: [Jeff Starr](https://wordpress.org/support/users/specialk/)
 * Last activity: [9 years, 9 months ago](https://wordpress.org/support/topic/how-increase-font-size-user-generated-post-plugin/#post-7599686)
 * Status: resolved