Site logo

[Support request] How to make placehold text top alignment when using Contact Form 7?

Home Forums Support [Support request] How to make placehold text top alignment when using Contact Form 7?

Home Forums Support How to make placehold text top alignment when using Contact Form 7?

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • #2493108
    yitegele

    Hi GP Team!

    How are you?

    How to make placehold text top alignment when using Contact Form 7?

    I tentatively make it 4px size font and 1 line height, then I find the text of “Your Email *” seems bottom aligned, and “Your Message *” is top aligned.

    Is it possible to make them both top alignment?

    Thank you!

    #2493109
    yitegele

    Sorry I forgot to add the link. Please find below. Thank you.

    #2493177
    David
    Staff
    Customer Support

    Hi there,

    add this CSS to give the input::placeholder a min-height:

    .wpcf7 input::placeholder {
        min-height: 20px;
    }

    if it is larger then the font size it should vertically align it to the top.

    #2493208
    yitegele

    Hi David!

    Thank you for quick reponse.

    However, it seems not working. Kindly click the two placehold text boxes, and you will find the position of the mouse cursor is different. One is top, and the other one is bottom.

    Thank you.

    #2493377
    Leo
    Staff
    Customer Support

    Hi there,

    Have you checked with CF7’s support team first on this?

Viewing 5 posts - 1 through 5 (of 5 total)
  • You must be logged in to reply to this topic.