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
(@nobith)
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
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
(@nobith)
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
(@nobith)
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)
Yep that works!
Thanks for the follow-up message, glad you got it sorted.
