The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Bootstrap input button group issue

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #244791

    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:

    Any help would be greatly appreciated


    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:

    Hope this helps.


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


Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.