Bootstrap - table css issue

Question

I got an issue with the table's style.

When I try to change the <thead>'s padding, it doesn't change.

And it happens with more style element.

That's my code:

http://pastebin.com/xHhHMZmP

And here is the result:

Answer 1

One solution is to add the !important flag for your padding:

table th{
  padding: 50px !important;
  background-color: #ffb74d;
  color:#EEEEEE
}

jsFiddle Demo

Answer 2

After looking at your code, here is what I noticed. Your CSS is defining...

table th{
          padding: 50px;
         background-color: #ffb74d;
         color:#EEEEEE

     }

But on those <th> you've got classes and inline styles. Better to define all this in one place for consistency.

Try...

table > thead > th {
              padding: 50px;
             background-color: #ffb74d;
             color:#EEEEEE

                    }