Changing Table Borders in CSS

[martin_chambers]

After reading this http://scn.sap.com/community/businessobjects-design-studio/blog/2013/07/21/design-studio I tried to apply David's ideas to my own table.

Originally it looked like this. Notice the thick borders for the header area! I really want them to be much thinner.

I created my own table class in CSS. As I failed to make the header borders thinner, I tried to get rid of them altogether. I applied "border: none" to every table class I could find.

The result looks like this. I have managed to disappear some of the borders. But the header borders are still too thick!

Can anyone tell me what I'm doing wrong? Any help will be appreciated.

Regards,

Martin

[Former Member]

I would advise to inspect the html code and CSS attribute leading to the thick borders.

Either in Chrome or IE, you can inspect them and deactivate the CSS properties. Once you've found where they are seated, you'll be able to overwrite them.