How to make the table borders black?

  • sanuja.com

    #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.

    Prasanna SP

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

    sanuja.com

    #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?

    Prasanna SP

    #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.

    sanuja.com

    #39517

    Thank you so much!

    sanuja.com

    #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.

    sanuja.com

    #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.

    Prasanna SP

    #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;
    }
Viewing 8 posts - 1 through 8 (of 8 total)

You must be logged in to reply to this topic.