Custom CSS file disregards some classes/IDs

Custom CSS file disregards some classes/IDs

Chat window is broken out of the box (see screenshot -- letters cut off on the bottom for some screen sizes) and won't allow me to fix it via custom css.  Seems it disregards any and all edits to these classes/IDs.  Followed this and this tutorial but nowhere do they mention how to adjust this text.  With chrome inspector it's easy to find the proper classes or IDs, so I build my custom CSS file and upload it, but all my changes to this certain area are thrown out.  As a test if I apply a change to the header like this, it works fine:
  1. header {
  2. height: 80px !important
  3. }
For example if I try the following code and nothing happens at all.  But in chrome inspector this is the solution and works fine.  So it's definitely throwing out these changes.

  1. @media screen and (max-width:768px) {p#zsiq_byline {
  2.   font-size: 1em!important;
  3.   line-height: 1.2em;}}