Support » Plugin: TablePress » Borders

  • Resolved Rainbow

    (@adi-admin)


    Hi there, Tobias.

    We’ve spoken before about 6 months ago, and you emailed me back. actually it’s the same subject as previous…

    This plugin is nothing less than amazing. I use it a lot and it means a great deal to me. 🙂

    However, despite all efforts in my CSS, I cannot seem to remove the borders…

    For example:

    td, th {
    border:none;
    }

    table { border-collapse:collapse }

    Now, what I have managed to do is change their color to the background (white)
    This CSS, added in my plugin options CSS, is the only current (rubbish) solution, but it’s getting ridiculous now that I have so many tables, or so many columns / rows. 🙁

    .tablepress-id-22 .row-1 .column-1 {
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    }

    .tablepress-id-22 .row-1 .column-2 {
    border-bottom: 1px solid white;
    border-top: 1px solid white;
    border-left: 1px solid white;
    border-right: 1px solid white;
    }

    —–As you can imagine, the Plugin CSS options are now ‘endless’… 🙁

    The more serious problem is that it hasn’t totally worked, with some borders still appearing in gray on the outer border that appears on top, right and bottom of the table.

    I’m pretty good with CSS, I fill in the gaps of what I don’t with code from other troubleshooting sites, but this issue, I just simply cannot totally remove the borders 🙁

    ANy advice? any CSS code that I can apply to each table by ID? for e.g: .tablepress-id-22 and make no borders completely.

    Many thanks!

    Adi

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    Removing borders like that is ridiculous 🙂 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

    Tobias,

    Apologies for my delay in responding.

    Actually I got it working now. let me tell you how I did it, rest assured it isn’t the best way :/

    CSS: – NOTE that this hides my borders into a background. I have over 70 tables that need their own id (meaning the styling you below is that times 70+…)

    .tablepress-id-22 {
    border: none !important;
    }

    .tablepress-id-22 .row-1 .column-1 {
    border-bottom: 1px #F5F5F5;
    border-top: 1px #F5F5F5;
    border-left: 1px #F5F5F5;
    border-right: 1px #F5F5F5;
    }

    .tablepress-id-22 .row-1 .column-2 {
    border-bottom: 1px #F5F5F5;
    border-top: 1px #F5F5F5;
    border-left: 1px #F5F5F5;
    border-right: 1px #F5F5F5;
    }

    .tablepress-id-22 .row-1 .column-3 {
    border-bottom: 1px #F5F5F5;
    border-top: 1px #F5F5F5;
    border-left: 1px #F5F5F5;
    border-right: 1px #F5F5F5;
    }

    .tablepress-id-22 .row-1 .column-4 {
    border-bottom: 1px #F5F5F5;
    border-top: 1px #F5F5F5;
    border-left: 1px#F5F5F5;
    border-right: 1px #F5F5F5;
    }

    .tablepress-id-22 .row-2 .column-1 {
    border-bottom: 1px #F5F5F5;
    border-top: 1px #F5F5F5;
    border-left: 1px #F5F5F5;
    border-right: 1px #F5F5F5;
    }

    .tablepress-id-22 .row-2 .column-2 {
    border-bottom: 1px #F5F5F5;
    border-top: 1px #F5F5F5;
    border-left: 1px #F5F5F5;
    border-right: 1px #F5F5F5;
    }

    .tablepress-id-22 .row-2 .column-3 {
    border-bottom: 1px #F5F5F5;
    border-top: 1px #F5F5F5;
    border-left: 1px #F5F5F5;
    border-right: 1px #F5F5F5;
    }

    .tablepress-id-22 .row-2 .column-4 {
    border-bottom: 1px #F5F5F5;
    border-top: 1px #F5F5F5;
    border-left: 1px #F5F5F5;
    border-right: 1px #F5F5F5;
    }

    So, the silly question is. What can I do to stop borders actually existing? I will run tests on my messabout side with your advice. Note that I have tried much of my research attempts but i’ll rerun tests on any advice you can give that ‘should be removing borders on ID classes in my CSS.

    Many thanks for your time, Tobias.

    Adi

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    usually, some CSS like

    .tablepress,
    .tablepress thead,
    .tablepress tbody,
    .tablepress tr,
    .tablepress td,
    .tablepress th {
    	border: none !important;
    }

    will remove all borders of all TablePress tables on a site.

    Regards,
    Tobias

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