• Resolved nathan.medina

    (@nathanmedina)


    I cant seem to get the Header font color to be white. It is appearing as a dark grey.

    .tablepress thead th,
    .tablepress tfoot th {
    background-color: #404040;
    }

    .tablepress-id-1 tbody td {
    font-family: Helvetica Neue;
    font-size: 12px;
    color: #000000;
    }

    .tablepress-id-1 thead th {
    font-family: Avenir;
    font-size: 13px;
    color: #fff !important;
    }

    https://wordpress.org/plugins/tablepress/

Viewing 5 replies - 1 through 5 (of 5 total)
  • Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Thread Starter nathan.medina

    (@nathanmedina)

    Below is where the table is posted. I am wanting the top header to have a black or darker grey background with white text

    http://www.loop1systems.com/services/web-help-desk-cloud-solution/

    Also, how would I reduce the spacing of the text in the body?

    Thank you!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for the link! The problem here is that your theme applies a dark text color to the <strong> elements. So, I suggest to remove those from the header cells and instead add boldness via CSS as well. That way, the color should work fine:

    .tablepress-id-1 thead th {
      font-family: Avenir;
      font-size: 13px;
      color: #ffffff;
      background-color: #333333;
      font-weight: bold;
    }

    To reduce the spacing, I suggest

    .tablepress-id-1 tbody td {
      line-height: normal;
    }

    Regards,
    Tobias

    Thread Starter nathan.medina

    (@nathanmedina)

    Thank you very much Tobias!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

Viewing 5 replies - 1 through 5 (of 5 total)
  • The topic ‘Cant change header font color’ is closed to new replies.