Okay
  Public Ticket #2617856
CSS to edit post-password-form
Closed

Comments

  • john1stewart started the conversation
    December 1, 2020 at 4:51pm

    We need to move the submit button and change the text in this form.  Can you provide some code examples on how to change the text  in the <p> and center the submit button?

    We resized the form but the button did not move with the rest of it.  Thanks

  •  2,963
    Andrew replied
    December 1, 2020 at 5:08pm

    Hi john1stewart,

    Use the following custom css in Salient > General settings > CSS/Script related:

    body[data-form-style="minimal"] .main-content .post-password-form input[type=submit] {
    right: 50%;
}

    Kind regards.

  • john1stewart replied
    December 1, 2020 at 5:15pm

    Thanks, I was trying to only change the settings for this one page in the CSS page settings in WPBakery Page Builder to control each pages password form content.  Can I place this there or is there other CSS code I would need to use?

  • john1stewart replied
    December 1, 2020 at 5:29pm

    Also,   How do we edit the text in the form?

  •  2,963
    Andrew replied
    December 1, 2020 at 5:36pm

    Hi john1stewart,

    You can place in page settings if for only that page or add page id as below:

    body[data-form-style="minimal"].page-id-7193 .main-content .post-password-form input[type=submit] {
    right: 50%;
}

    Kind regards.