New Bookstore! Save 20% on books with discount code: LAUNCH
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.
BBQ Pro: The fastest firewall to protect your WordPress.

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 »
.htaccess made easy: Improve site performance and security.
Thoughts
Take a screenshot with Firefox (no extension required). Open Developer Tools Settings and enable the “Take a screenshot” button. Then click the button :)
Take a screenshot with Chrome (no extension required). Open DevTools, type Cmd + Shift + P, then type screenshot.
After 10 years working on my 2010 iMac, my upgrade finally arrived. Shiny new iMac shipped from Ireland :)
Too much caffeine weirds me out. But I love the taste of coffee. So once in a while I enjoy a small cup of decaf. Hits the spot.
Chris Coyier is a truly awesome person. One of the finest people I've ever worked with. Just #gottasayit
Excel won't open CSV file because SYLK format? Open it with text editor and add an apostrophe ' at the beginning of the file, save changes, done.
Displaying too many social media buttons and links all over the place imho makes you look desperate and frankly kinda sad.
Newsletter
Get news, updates, deals & tips via email.
Email kept private. Easy unsubscribe anytime.