Navigation
Archive / Password protected page "enter" button
This is archived content. Visit our new forum.

Tagged: 

  • Author
    Posts
  • May 25, 2016 at 1:29 pm #1009574
    BradleyB
    Participant

    Hi,

    I have a couple pages which are password protected. I am trying to style the password input button. I would like to style the “enter” button — I want to reduce the padding between the word ‘enter’ and the box around it. Is this possible? Thanks!

    May 25, 2016 at 1:29 pm #1009576
    BradleyB
    Participant
    This reply has been marked as private.
    May 25, 2016 at 3:33 pm #1009771
    Joao
    Moderator

    Hi There

    Add the following code to your Appereance Customizer Custom CSS

    
.page-id-2244 .x-btn,.page-id-2244 .button {

padding: 0.25em 0.5em 0.25em:

}

    Hope that helps,

    Joao

    May 25, 2016 at 6:06 pm #1009928
    BradleyB
    Participant

    Hi,
    Thanks for your reply. However, the code you provided is not working. I also tried changing it to:

    .page-id-2244 .x-btn,.page-id-2244 .button {

padding: 0.25em 0.5em 0.25em;

}

    But, it is still not working. Any ideas? Thanks!

    May 25, 2016 at 7:02 pm #1009974
    BradleyB
    Participant
    This reply has been marked as private.
    May 25, 2016 at 10:05 pm #1010326
    Nico
    Moderator

    Hi There,

    Add this code in your custom CSS:

    .page-id-2244 [type="submit"]{
padding: 0.25em 0.5em 0.25em;
}

    You can alaso use px to reduce the size. Like padding:10px 10px;.

    Hope it helps. Let us know how it goes.

    Thanks.

  • Author
    Posts
  • <script> jQuery(function($){ $("#no-reply-1009574 .bbp-template-notice, .bbp-no-topic .bbp-template-notice").removeClass('bbp-template-notice'); }); </script>