[Plugin: WP-Table Reloaded] Cannot remove boarder

  • scotty1968

    (@scotty1968)


    14 years, 3 months ago

    Hi Tobias,
    I seem to be having the same problem as a few others.
    I can’t for the life of me remove the borders from one of my tables.
    the table is here, http://www.whatisacoldsore.net/

    I’m using the following css:

    .wp-table-reloaded-id-1 tr, .wp-table-reloaded-id-1 th, .wp-table-reloaded-id-1 td {
    border: none!important;
    border-collapse: collapse!important;
    border-spacing: 0px!important;
    }

    I’ve embedded the table using the following: [table id=1 cellspacing=0 /]

    Can you see where i have gone wrong?

    Regards Scott

    http://ww.wp.xz.cn/extend/plugins/wp-table-reloaded/

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

    (@tobiasbg)

    14 years, 3 months ago

    Hi Scott,

    I’m not exactly sure why this happens. The code seems correct, and it should work like that. For some reason, the browser is just not using it…

    Can you please try to replace all current “Custom CSS” with this:

    .wp-table-reloaded-id-4,
.wp-table-reloaded-id-4 td,
.wp-table-reloaded-id-4 th {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.wp-table-reloaded tr td {
  padding: 6px !important;
}
.wp-table-reloaded tr th {
  padding: 16px !important;
}

    (Yes, it looks almost exactly the same, but I’m hoping that by a new copy/paste maybe some invisible white-space characters get removed.)

    Regards,
    Tobias

    Thread Starter scotty1968

    (@scotty1968)

    14 years, 3 months ago

    Hi Tobias,

    Thank you for your suggestion.

    Unfortunately the new code has not made the boarder of the table disappear?

    I have also noticed the first row is higher than the rest and makes the table look uneven – any suggestions to fix both of these problems?

    Thank you for your help.

    Regards Scott.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    14 years, 3 months ago

    Hi Scott,

    ok, another try 🙂 I spotted another possible source for the border.

    .wp-table-reloaded-id-4,
.wp-table-reloaded-id-4 tr,
.wp-table-reloaded-id-4 td,
.wp-table-reloaded-id-4 th {
  border: none !important;
  border-collapse: collapse !important;
  border-spacing: 0 !important;
}
.wp-table-reloaded tr td {
  padding: 6px !important;
}
.wp-table-reloaded tr th {
  padding: 16px !important;
}

    And yes, the first row (if it is a “table head row” will be higher, because you gave it a larger padding than the regular cells (16px compared to 6px).
    If you want them equal, just change the 16 to a 6 in the last block of code.

    Best wishes,
    Tobias

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

The topic ‘[Plugin: WP-Table Reloaded] Cannot remove boarder’ is closed to new replies.