Support » Plugin: WP Job Manager » Editing Job Submission Form elements

  • Resolved dnextreme88

    (@dnextreme88)


    How do I edit the Sign out button and the box around the job category on the Job Submission form? I want to make the sign out button aligned with the text as well as the box around the category to fit around the input? See the image below. Thank you.

    https://ibb.co/B3hDMnV

Viewing 4 replies - 1 through 4 (of 4 total)
  • Plugin Support bindlegirl

    (@bindlegirl)

    Hi @dnextreme88 !

    There are CSS styles from WP Job Manager that get applied here but more than that, there are styles added by your theme. In this case, I would recommend you contact theme authors for some advice as the look of the form suggests a lot of theme CSS is used here.

    Thread Starter dnextreme88

    (@dnextreme88)

    The answer is pretty vague. Is the CSS of the button derived from the theme or can it be manually edited within the Plugin Editor?

    Plugin Support bindlegirl

    (@bindlegirl)

    Hi there,

    Yes, the answer is vague as I can’t be sure if what I saw on the screenshot is CSS generated only by the plugin or some of it is added by the theme. You will need to check the code in the browser inspector tool to see which one is it.

    Thread Starter dnextreme88

    (@dnextreme88)

    To answer your question, there was no editing made prior to submitting the link of the screenshot. Support isn’t as helpful as I expected, so once again I had to find out where to edit the file. For anyone who wishes to edit the Sign Out/Sign In button in the [submit_job_form] shortcode:
    1. Go to Plugin Editor in your WP admin panel
    2. Select the WP Job Manager plugin.
    3. Under templates/account-signin.php, you can add a custom CSS like so. Insert before the line <?php if ( is_user_logged_in() ) : ?> (here’s mine, I’m using the Agency Bell/Construction Light theme):

    <style>
    	.account-sign-in .button {
    		padding: 4px 16px; /* top and bottom: 4 px; left and right: 16px */
    		font-size: 18px;
    	}
    </style>
Viewing 4 replies - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.