Archived topic

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

4 replies · Started by yitegele on January 12, 2023

Viewing posts 1–5 of 5

January 12, 2023 at 8:55 am #2493108

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!

January 12, 2023 at 8:56 am #2493109

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

January 12, 2023 at 9:34 am #2493177

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.

January 12, 2023 at 9:59 am #2493208

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.

January 12, 2023 at 12:44 pm #2493377

Hi there,

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

This archived topic is closed to new replies.