Streaming live at 10am (PST)

Form placeholder text being cut off on the bottom


#1

At the bottom of my site is a simple form. My placeholder text is being cutoff on the bottom in the latest version of Chrome (but not in the latest version of Safari).

I would like to keep similar spacing and text size here. Does anyone see what I am doing wrong or a suggestion to remedy?

Thanks so much!

PS - I know I have issues with my SVG animations in Safari; working on fixing those too!


Here is my site Read-Only: https://preview.webflow.com/preview/podpod?preview=0d1ab796e904b75376573e8b60d4f1e0
(how to share your site Read-Only link)


#2

Chrome 63/64 : Are you referring to the g?

Screenshot_2018-02-13_150246

Paste this in Site Header Code and publish:

<style>
input::placeholder {
    overflow: visible;
}
</style>

#3

Yes, I was referring to the g and y (first placeholder). This worked, thank you @samliew. Is there something I can change so there is no overflow in the first place? I have been playing tirelessly with all the settings, and nothing has worked. Also, I do have overflow visible on the input field.


#4

This is different to what I posted. Just use whatever I suggested.


#5

This topic was automatically closed 125 days after the last reply. New replies are no longer allowed.