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:
- header {
- height: 80px !important
- }
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.
- @media screen and (max-width:768px) {p#zsiq_byline {
- font-size: 1em!important;
- line-height: 1.2em;}}