Title: Styling Submit Button, Input Fields, and Category Selection
Last modified: July 6, 2023

---

# Styling Submit Button, Input Fields, and Category Selection

 *  Resolved [gamicord](https://wordpress.org/support/users/gamicord/)
 * (@gamicord)
 * [2 years, 11 months ago](https://wordpress.org/support/topic/styling-submit-button-input-fields-and-category-selection/)
 * Hello Sir,
 * I have attempted using the **CSS hooks** you’ve provided here — _[https://perishablepress.com/css-hooks-user-submitted-posts/](https://perishablepress.com/css-hooks-user-submitted-posts/)_
 * Unfortunately, when I use this hook: **div#user-submitted-posts input { }** —
   to style my input fields, it also adds the CSS to the “**Submit Button**“.
 * So that, if I say:
 *     ```wp-block-code
       div#user-submitted-posts input {
       background-color: white;}
       ```
   
 * The same Background Color is applied to the “**Submit Button**“, and this is 
   undesired behaviour.
 * I am of the opinion that the “**Submit Button**” is not an input field(_kind 
   of_), but a **Button Field**.
 * And the **Submit Button** should therefore have its own **standalone Class Name**—
   which can enable us style the **Submit Button** without affecting the Input Field(
   _I don’t even see their similarity?_)
 * Please, how do I fix this issue— where I can give background Colour to the **
   Input Fields**, and it will not affect the **Submit Button**?
 * 1b.) I have used these Three(3) Class names:
 *     ```wp-block-code
       #user-submitted-posts input
       #user-submitted-posts.usp-submit
       #user-submitted-posts
       ```
   
 * None of them succeeded to help me style the “**Submit Button**” with a Background
   Colour of #00d084.
 * How can I give Background Color to the **Submit Button**, and also get the Submit
   Button to the **Center**/ **Middle** of the Form?
 * 2.) When “**Select a Category**” is Chosen, I want the Background of the inactive
   Part to be **Grey**, while the **Text Color** should be Black.
 * This is the part I’m talking about — [https://prnt.sc/TPlxI8UtLgeb](https://prnt.sc/TPlxI8UtLgeb)
 * How can I make it happen?
 * 3.) I didn’t see anywhere that I can **Drag** and **Re-Order** the **Form Fields**
   in the **Order** that I want. The thing is, I wanted the **Antispam** to be just
   above the **Submit button**.
 * How can I make this happen?
 * 3b.) Where can I go, to be able to Re-Order the Form Fields?
 * 4.) I have used this Snippet to add another Post Type to the Form:
 *     ```wp-block-code
       // USP submit posts to CPT
       function usp_modify_post_type($post_type) {
   
       	return 'book'; // change this to the slug of your post type 
   
       }
       add_filter('usp_post_type', 'usp_modify_post_type');
       ```
   
 * But when the Form is on the Page, there’s no Field to select post Source, as 
   is possible in this Video plugin here– [https://prnt.sc/A96ygH7YtpRG](https://prnt.sc/A96ygH7YtpRG)
 * Is there anything I need to do, to make this “**Post Source selection**” possible?

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

 *  Plugin Author [Jeff Starr](https://wordpress.org/support/users/specialk/)
 * (@specialk)
 * [2 years, 11 months ago](https://wordpress.org/support/topic/styling-submit-button-input-fields-and-category-selection/#post-16876250)
 * Glad to help. It’s difficult to imagine what might be happening, but if you have
   an URL where I can examine the form, I would be glad to take a look and see if
   there is anything I can help with.
    -  This reply was modified 2 years, 11 months ago by [Jeff Starr](https://wordpress.org/support/users/specialk/).
 *  Thread Starter [gamicord](https://wordpress.org/support/users/gamicord/)
 * (@gamicord)
 * [2 years, 11 months ago](https://wordpress.org/support/topic/styling-submit-button-input-fields-and-category-selection/#post-16876672)
 * This is the URL– [https://branama.chefnitofoods.com/](https://branama.chefnitofoods.com/)
 * This is the Form Page– [https://branama.chefnitofoods.com/submit-post](https://branama.chefnitofoods.com/submit-post)
 * The Form requires Users to be logged in. So I sent you a Message on your Contact
   Form at Perishable Press here– [https://perishablepress.com/contact/](https://perishablepress.com/contact/)
 * There, I sent you the details of a Registered User I use to do testing.
 * 2.) Now, I also want to know how to set the Form to only open to a User with 
   a particular User Role.
 * For example, I want only Author Role and above to access the Form.
 * I don’t want Subscriber and Contributor User Role to access the Form.
 * How do I do that?
 * Regards.
 *  Plugin Author [Jeff Starr](https://wordpress.org/support/users/specialk/)
 * (@specialk)
 * [2 years, 11 months ago](https://wordpress.org/support/topic/styling-submit-button-input-fields-and-category-selection/#post-16876705)
 * Yeah thanks for the great information and details, but forum rules prevent us
   from logging in to any user sites. If you can make the form public, maybe on 
   a test site somewhere, I can take a look and see what’s happening.
 *  Plugin Author [Jeff Starr](https://wordpress.org/support/users/specialk/)
 * (@specialk)
 * [2 years, 11 months ago](https://wordpress.org/support/topic/styling-submit-button-input-fields-and-category-selection/#post-16879089)
 * Helping via email, so marking this thread as resolved. Feel free to re-open or
   add any further questions, infos, etc. Thank you.

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

The topic ‘Styling Submit Button, Input Fields, and Category Selection’ is closed
to new replies.

 * ![](https://ps.w.org/user-submitted-posts/assets/icon-256x256.png?rev=2567685)
 * [User Submitted Posts – Enable Users to Submit Posts from the Front End](https://wordpress.org/plugins/user-submitted-posts/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/user-submitted-posts/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/user-submitted-posts/)
 * [Active Topics](https://wordpress.org/support/plugin/user-submitted-posts/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/user-submitted-posts/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/user-submitted-posts/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [Jeff Starr](https://wordpress.org/support/users/specialk/)
 * Last activity: [2 years, 11 months ago](https://wordpress.org/support/topic/styling-submit-button-input-fields-and-category-selection/#post-16879089)
 * Status: resolved