Welcome to the new design! Please report any bugs or issues, thanks :)
Web Dev + WordPress + Security

CSS Hooks for User Submitted Posts

Here is a list of all CSS hooks available for the User Submitted Posts submission form. If you notice any errors or if I’ve missed anything, please let me know with a comment or by sending an email via my contact form. Thanks!

CSS hooks for the USP form

Here is a complete BLANK template including all available CSS selectors available with the USP plugin. Use what you need, delete any empties!

/* 
	User Submitted Posts - CSS Stylesheet
	@ https://perishablepress.com/user-submitted-posts/
	This is a complete CSS skeleton of all elements and hooks in the submission form.
	Use what you need and then delete any empties to lighten the file.
*/
div#user-submitted-posts {}
div#user-submitted-posts form {}
div#user-submitted-posts fieldset {}
div#user-submitted-posts fieldset label {}
div#user-submitted-posts fieldset input {} /* excludes submit button */

div#user-submitted-posts input {}
div#user-submitted-posts label {}
div#user-submitted-posts textarea {}
div#user-submitted-posts select {}
div#user-submitted-posts option {}

.usp-input {}
.usp-textarea {}

form#usp_form {}

fieldset.usp-name {}
fieldset.usp-url {}
fieldset.usp-title {}
fieldset.usp-tags {}
fieldset.usp-category {}
fieldset.usp-content {}
fieldset.usp-custom {}

fieldset.usp-captcha {}
div#user-submitted-posts fieldset.usp-captcha input {}

div#user-submitted-posts fieldset.usp-checkbox {}
div#user-submitted-posts fieldset.usp-checkbox input {}
div#user-submitted-posts fieldset.usp-checkbox label {}

fieldset.usp-images {}
fieldset.usp-images label {}
div#user-submitted-posts input.usp-clone {}

div#usp-upload-message {}
div#user-submitted-image {}
a#usp_add-another {}
div.usp-image-gallery {}

fieldset#usp_verify {}
div#usp-submit {}

div#usp-error-message {}
div#usp-success-message {}

div.usp-input-error {}
div.usp-input-error span {}

div.usp_text-editor {}
.usp-rich-textarea {}

.parsley-errors-list {}
.parsley-errors-list.filled {}
.parsley-required {}
.usp-files-error {}
.usp-file-preview {}

input.parsley-success, 
select.parsley-success, 
textarea.parsley-success {}
input.parsley-error, 
select.parsley-error, 
textarea.parsley-error {}

.usp-hidden {}
.usp-no-js {}
.usp-js {}

Jeff Starr
About the Author
Jeff Starr = Web Developer. Book Author. Secretly Important.
Banhammer: Protect your WordPress site against threats.

3 responses to “CSS Hooks for User Submitted Posts”

  1. Hi, where can I contact you to get help with USP plugin. All my posts are going to the trash and display no images. Uploads folder has permission 777.
    Hope you can help!
    Sam

  2. I love your plugin, God bless you.

Comments are closed for this post. Something to add? Let me know.
Welcome
Perishable Press is operated by Jeff Starr, a professional web developer and book author with two decades of experience. Here you will find posts about web development, WordPress, security, and more »
GA Pro: Add Google Analytics to WordPress like a pro.
Thoughts
What's up with Plesk UI lately? Especially on Chrome it looks just awful, all kinds of broken. Come on Plesk devs get it together.
Things get stressful, I try to pray. Not always easy, but always helps to relax and regain focus.
Nice new speed checker at fastorslow.com.
Easy way to exclude certain tests from WP Site Health: Site Health Tool Manager
Excellent (and free) tool for getting tons of site SSL infos: whynopadlock.com
Everyone just stay home and hide forever. Brilliant idea.
Playing with Microsoft Edge browser on macOS. It's like 1998 all over again.