Archived topic
Text gets cut off in woocommerce checkout
7 replies · Started by Alec on December 29, 2017
Hi,
New to Generatepress and it looks like it will be a great replacement for the Canvas theme we have used for years.
The bottom of the text is getting cut off in the checkout when filling in the billing details.
Examples are letters g, y q.
https://drive.google.com/file/d/1ixZh10bz3MRYWhcqOkKxTIL5v6RaxE00/view?usp=sharing
Searched for a solution but did not see any. Also deactivated all plugins except Woocommerce.
Thank you
Hi there,
It's not happening here: http://demo.generatepress.com/demo-checkout/
There also shouldn't be that 5 color squares by default.
Does it happen on every browser?
Can you link us to the page?
Hi Leo,
Thanks for the quick reply.
Those colored squares are a autofill sticky program.
I tried it in internet explorer and the text does not get cut off.
It seems to be Firefox that is the problem with Generatepress.
Here is a link to the test site.
goo.gl/mdPdv2
I'm still using Canvas on the main site and it does work fine with Firefox.
Thanks
Interesting, can you try adding this CSS?:
.woocommerce form .form-row input.input-text,
.woocommerce form .form-row textarea {
line-height: 1.5;
}Thanks Tom,
That fixed it.
I also noticed that your demo site has the same issue when using Firefox 57.0.2 and 57.0.3.
http://demo.generatepress.com/demo-checkout/
Thanks! We'll get this CSS added in the next version :)
Thanks again for your help.
No problem! :)
