[Anonymous]

Anonymous

#7840

I have a HTML version of Geologic Time Scale here: http://sanuja.com/blog/exams/glgy491

I tried to make the table border color solid black, but when I do that nothing happens. I even tried using style, but it will only make the outer most border black. Is there a CSS or any other way to override the WP’s default border color?

With current colors no one can see where a Period or Epoch, etc ends and begins.

Thanks.

[Anonymous]

Anonymous

#39514

table, tr, td, th {

border: 1px solid black !important;

}

[Anonymous]

Anonymous

#39515

Quote:

table, tr, td, th { border: 1px solid black !important; }

Thanks Prasanna,

How can I make sure this only applies to that specific page? Where should I insert the page ID so that it will only apply there?

[Anonymous]

Anonymous

#39516

.page-id-5714 table, .page-id-5714 tr, .page-id-5714 td, .page-id-5714 th {

border: 1px solid black !important;

}

page-id-5714 is the body class of Geology 491-University of Calgary page.

[Anonymous]

Anonymous

#39517

Thank you so much!

[Anonymous]

Anonymous

#39518

Do I have to give some kind of an ID or a condition to the table? It won’t show up inside the table. Only the outline.

[Anonymous]

Anonymous

#39519

Quote:

Do I have to give some kind of an ID or a condition to the table? It won’t show up inside the table. Only the outline.

Ignore this…. You are 100% right. Thank you so much.

[Anonymous]

Anonymous

#39520

You can put table inside a div with black-border-table class and target the table like this,

.black-border-table table, .black-border-table tr, .... .. {

border: 1px solid black !important;

}