Custom CSS code not working

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

    (@tobiasbg)

    12 years, 2 months ago

    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 maxlaxoc_scott

    (@maxlaxoc_scott)

    12 years, 2 months ago

    Here is the link to the page: http://www.maxlaxoc.com/boys-high-school-top-20/

    This is what I put into custom CSS:

    .tablepress-id-15 tr {
    height: 80px;
    }

    .tablepress-id-16 tr {
    height: 80px;
    }

    Thanks for your time.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    12 years, 2 months ago

    Hi,

    thanks for the link!

    Setting the height for the rows is not possible like, unfortunately, due to how CSS works on tables.
    You’ll instead have to increase the height of the cells:

    .tablepress-id-15 td,
.tablepress-id-15 th {
  height: 80px;
}

.tablepress-id-16 td,
.tablepress-id-16 th {
  height: 80px;
}

    The alternative would be to increase the padding, e.g. with

    .tablepress-id-15 td,
.tablepress-id-15 th {
  padding-top: 20px;
  padding-bottom: 20px;
}

.tablepress-id-16 td,
.tablepress-id-16 th {
  padding-top: 20px;
  padding-bottom: 20px;
}

    Regards,
    Tobias

Viewing 3 replies - 1 through 3 (of 3 total)

The topic ‘Custom CSS code not working’ is closed to new replies.