• Resolved gamicord

    (@gamicord)


    Hello Sir,

    I have attempted using the CSS hooks you’ve provided here — 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:

    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:

    #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

    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:

    // 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

    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

    (@specialk)

    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.
    Thread Starter gamicord

    (@gamicord)

    This is the URL– https://branama.chefnitofoods.com/

    This is the Form Page– 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/

    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

    (@specialk)

    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

    (@specialk)

    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.