Bootstrap input button group issue

[Historical Forums User]

I’m using the Brooklyn shopify theme and the newsletter form is not displaying the button text. I’ve tried make changes to the css, but can’t figure out what the issue is.

Here is a link the live site. The newsletter form is at the bottom:
https://lightboxmemories.com/#contact_form

Any help would be greatly appreciated

[jkinney768]

Hello –

It looks like .input-group-btn has font-size: 0; set to it and your .btn component font-sizes are set to ems. When you use ems, it’s based off it’s parents font size, which in this case is 0, so it’s not showing up.

If you change your font size to rems instead (in this case on .btn), it will show up fine. Rems are also recommended when using font sizes. Here is a good article on using ems vs rems that will do a much better job of explaining than I will: http://zellwk.com/blog/rem-vs-em/.

Hope this helps.

[Historical Forums User]

I didn’t even consider the font size could be 0. That’s a new one for me :)

Thanks!

[Author]

Posts