Custom CSS not showing

  • Resolved mbeerli

    (@mbeerli)


    7 years, 4 months ago

    Latest Version of Tablepress.
    css:
    .tablepress-id-19 .row-1 td {
    background-color: #ff751a;
    color: #ffffff;
    }

    .tablepress-id-19 .column-1 .column-2 .column-3 {
    width: 150px;
    }

    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,

    thanks for your question, and sorry for the trouble.

    The handling of the first row (the table head row) is a bit different. Also, merging the columns like that will not work. Please try again with

    .tablepress-id-19 thead th {
  background-color: #ff751a;
  color: #ffffff;
}

.tablepress-id-19 .column-1,
.tablepress-id-19 .column-2,
.tablepress-id-19 .column-3 {
  width: 150px;
}

    Regards,
    Tobias

    Thread Starter mbeerli

    (@mbeerli)

    Color is now working. The width is not yet working correctly.
    The whole table has only 3 columns.
    So if I use .column-1 and .column-3 it works for these 2 but if I use all 3 then nothing happens.
    is there a css for the whole table width? Can not see it in the doc.

    thanks

    Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    you will indeed also have to instruct the browser to not stretch the table to the full width:

    .tablepress-id-19 {
  width: auto;
}

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Custom CSS not showing’ is closed to new replies.