Double message appearing since 2.x

Hi there,

important note: solution below

I did an update to version 2.0.2 and since then I’m experiencing a weird behaviour.

I created a custom message (see link) but I get the standard message displayed below.

In order to match the CI of my site, I also created some custom CSS in WP Dashboard > Design > Customizer > CSS which I’m attaching (not sure if this is the problem)

/* Password-protected form*/
.post-password-form {
max-width : 900px;
margin : 13vw auto;
min-height : initial;
padding : 100px;
}
/* Media Queries*/
@media all and (max-width: 479px) {
.post-password-form {   
	margin : 13vw auto;
min-height : initial;
padding : 5px;
}
}
@media all and (max-width: 479px) {
.body, p {   
color : #141618;
font-family : "sk-modernistlight", Helvetica, Arial, sans-serif !important ;
font-size : 20px;
font-style : normal;
font-weight : 300;
margin : auto;
padding-top : 20px;
text-align : center;
}
}
@media all and (max-width: 479px) {
.body, h1 {   
color : #141618;
font-family : "sk-modernistlight", Helvetica, Arial, sans-serif !important ;
font-size : 20px;
font-style : normal;
font-weight : 300;
margin : auto;
padding-top : 60px;
text-align : center;
}
}
@media all and (max-width: 479px) {
.post-password-form p input[type="submit"] {
display: block;
margin: 0.4em auto;
}
} 
/* Input field */
.post-password-form input, .result-header, #category-archives h4, .comment-content, pre, tt, code, kbd, blockquote, .wysiwyg table, .description table, .wysiwyg-ce table, .wysiwyg table th, .wysiwyg table td, .description table th, .description table td, .wysiwyg-ce table th, .wysiwyg-ce table td {
border: #141618 solid 0.5px !important ;
border-radius : 4px;
font-size : 16px;
transition : all 0.4s ease !important ;
}
/* Button */
.post-password-form p input[type="submit"] {   
background-color : #fede88;
border : #fede88 solid 1px !important ;
border-radius : 4px; !important ;
border-width : 1px !important ;
color : #141618;
display : block;
font-size : 14px !important ;
letter-spacing : 3px;
margin : auto;
margin-top : 45px;
padding : 10px 70px 10px 70px;
text-transform: uppercase;
-webkit-transition : all 0.4s ease !important ;
-webkit-border-radius: 4px !important;
width : auto !important ;
}
#content .post-password-form p input[type="submit"] {
    border-style: solid !important;
    cursor: pointer;
    text-decoration: none !important;
    display: block;
    text-align: center;
    transition: all .4s ease;
    -moz-transition: all .4s ease;
    -webkit-transition: all .4s ease;
    -o-transition: all .4s ease;
}
.post-password-form p input[type="submit"]:hover {
background-color : transparent !important ;
border : #7c7a7a solid 1px !important ;
color : #7c7a7a;
}

Could you please take a look at it and provide a solution?

Thanks in advance

EDIT:

By adding this CSS the second message disappeared, thanks!

form.post-password-form p:first-of-type {
    display: none;
}

• This topic was modified 3 years, 10 months ago by suessestier.
• This topic was modified 3 years, 10 months ago by suessestier.