Multiple table with same layout

  • Resolved fun88id

    (@fun88id)


    7 years, 7 months ago

    Hi Hi, how can I compress below style so that it applies to all tables that I am creating?

    .tablepress-id-1 thead th,
    .tablepress-id-2 thead th,
    .tablepress-id-3 thead th,
    .tablepress-id-4 thead th {
    color: #ffffff;
    background-color: #242424;
    }

    .tablepress-id-1 .column-2,
    .tablepress-id-2 .column-2,
    .tablepress-id-3 .column-2,
    .tablepress-id-4 .column-2 {
    text-align: right;
    }

    .tablepress-id-1 .channeltv,
    .tablepress-id-2 .channeltv,
    .tablepress-id-3 .channeltv,
    .tablepress-id-4 .channeltv {
    color: #25aae1;
    }

    Instead of repeating the line “.tablepress-id-1 to 100” ??

    Thank you.

    The page I need help with: [log in to see the link]

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    sorry for the long delay, I was on holidays and could not reply earlier.

    The shortest version (for ALL TablePress tables!) would be

    .tablepress thead th {
  color: #ffffff;
  background-color: #242424;
}

.tablepress .column-2 {
  text-align: right;
}

.tablepress .channeltv {
  color: #25aae1;
}

    Regards,
    Tobias

    Thread Starter fun88id

    (@fun88id)

    hi hi, thank you for this, cheers!

    Plugin Author Tobias B?thge

    (@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 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Multiple table with same layout’ is closed to new replies.