User agent stylesheet overriding my table style? Twitter Bootstrap

Question

I\'m using twitter bootstrap. My problem is that font-sizes in tables are wrong. For some reason the User Agent stylesheet is overriding the bootstrap table styles.

Answer 1

I had the same issue as the OP. I wanted lovely small text and some user stylesheet was overiding it and putting:

font-size: medium;

When I wanted:

font-size:8pt;

I placed the following at the top of my HTML page:

All was good then, a bad habit to get into to not declare doctype at the top. All user stylesheets have now gone.

To discover what is overriding what on your CSS it is always a good idea to inspect element (F12) and you can modify and untick attributes on the fly until you get to right, then update your CSS file with it!

However if you do have a user stylesheet issue, these values will be locked.