• I’m trying to change the color of placeholder.
    In custom css I’m trying with
    ::-webkit-input-placeholder { color: red !important; }
    :-moz-placeholder { color: red !important; }
    ::-moz-placeholder { color: red !important; }
    :-ms-input-placeholder { color: red !important; }

    No changes.

    Then with

    input:placeholder[type=”submit”],
    input:placeholder[type=”email”],
    input:placeholder[type=”textarea”] { color: #C72326 }

    No changes.

    And, line-height is not applied.

    Some hint?

    https://ww.wp.xz.cn/plugins/contact-form-7/

Viewing 4 replies - 1 through 4 (of 4 total)
  • Please include a link to your Contact Form 7 form. This will help others here to understand your actual problem.

    Thread Starter BLwm

    (@blwm)

    Contact Form 7 is applied to wordpress site tmp.missover.it
    You may see it at the page
    http://tmp.missover.it/contatti/

    Here, I can’t set the placeholder to a different color, and not increase the padding of input (line-height command in css is not shown)

    Thread Starter BLwm

    (@blwm)

    This is the code

    <div>
    <p style=”width:50%; float:left”>[text* nome placeholder=”il tuo nome”]</p>
    <p style=”width:50%; float:right”>[text* cognome placeholder=”il tuo cognome”]</p>
    </div>
    <div>
    <p style=”width:50%; float:left”>[text* telefono placeholder=”inserisci il tuo telefono”]</p>
    <p style=”width:50%; float:right”>[email* email placeholder=”inserisci la tua email”]</p>
    </div>
    <p>[textarea* messaggio placeholder=”scrivi qui il tuo messaggio”]</p>
    <p>[acceptance privacy default:on] ACCETTO il trattamento dei dati personali. (Privacy policy ai sensi dell’art. 13 del d.lgs. 196/2003)</p>
    <p>[submit “Invia”]</p>

    I can’t see any sign of the CSS you said you added in Firebug or Chrome Dev Tools.

    ​If it’s there it’s being over-written by the following code in your inline style` /contatti/ #5:

    ​`#comment-input .placeholder, #comment-input input, #comment-textarea .placeholder, #comment-textarea textarea, #tribe-bar-form input[type=”text”], #wrapper .search-table .search-field input, .avada-select .select2-container .select2-choice, .avada-select .select2-container .select2-choice2, .avada-select-parent select, .chzn-container .chzn-drop, .chzn-container-single .chzn-single, .comment-form-comment textarea, .input-text, .main-nav-search-form input, .post-password-form label input[type=”password”], .search-page-search-form input, .tribe-bar-disabled #tribe-bar-form .tribe-bar-filters input[type=”text”], .wpcf7-captchar, .wpcf7-form .wpcf7-date, .wpcf7-form .wpcf7-number, .wpcf7-form .wpcf7-quiz, .wpcf7-form .wpcf7-select, .wpcf7-form .wpcf7-text, .wpcf7-form textarea, .wpcf7-select-parent .select-arrow, input.s, input.s .placeholder, input[type=”text”], select, textarea {
    color: #aaa9a9;
    }`

Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘placeholder CSS’ is closed to new replies.