Override styles in glitch.css?

#1

When I run my app, Glitch adds a teal background color to form elements. Also, the box-sizing style messes up some of the inputs:

I have identified the offending styles in glitch.css:

* {
  box-sizing: border-box;
}

form {
  padding: 15px;
  background-color: #0ff;
}

How can I override these styles? Thanks for a great service!

#2

Answering my own question: I just need to override those styles in my app.css:

form {
  padding: 0px             !important;
  background-color: #fff   !important;
}

.fm-checkout table td:nth-child(1) input {
  box-sizing: content-box  !important;
}
#3

Might want to remove the image in the above message as it has your (or somebody else’s) address in it!

#4

It’s a fake address, but thanks! :slight_smile:

1 Like