Support » Plugin: TablePress » Remove Table Borders

  • Resolved ajetal

    (@ajetal)


    Saw in FAQ’s the code to be inserted into plugin options to eliminate table borders and did so. Wanted to eliminate all borders in the table on the following page but only the interior, vertical borders were eliminated:

    Parts Page

    In case it matters, I have inserted some other code into plugin options to influence table on this page also(although not to eliminate borders):

    Equipment Page

    Thanks so much…

    http://wordpress.org/extend/plugins/tablepress/

Viewing 15 replies - 1 through 15 (of 24 total)
  • Yael K. Miller

    (@yaelkmiller)

    The answer’s at http://tablepress.org/faq/

    ajetal

    (@ajetal)

    I followed the instructions to insert the indicated code and the result was that it removed the internal, vertical borders but not the outside borders nor the horizontal interior borders. I said as much in the original post. Is there something else I’m missing here?

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    Also thanks to Yael, for helping out with the FAQ link. Unfortunately, the solution from the FAQ is not enough in your case, as your theme’s CSS is “stronger”. So, we again need to be “stronger” 🙂

    Please try again with

    #content .tablepress-id-2,
    #content .tablepress-id-2 tr,
    #content .tablepress-id-2 tbody td,
    #content .tablepress-id-2 thead th,
    #content .tablepress-id-2 tfoot th {
    	border: none;
    }

    Regards,
    Tobias

    ajetal

    (@ajetal)

    Thanks, everyone….problem solved!!!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    awesome! Great to hear that. Thanks for the confirmation!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

    I have the same problem. Don’t know if my theme CSS is very strong…

    I’ve tried with this code, but it doesn’t work.

    #content .tablepress-id-1,
    #content .tablepress-id-1 tr,
    #content .tablepress-id-1 tbody td,
    #content .tablepress-id-1 thead th,
    #content .tablepress-id-1 tfoot th {
    	border: none;
    }

    I’d also like to reduce the padding, but same, it doesn’t work. Nothing happens:

    .tablepress-id-1 .column-2 {
    	padding: 1px;
    }

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your question. You are right, your theme CSS is very “strong”, so that the “Custom CSS” has to be modified a little bit.
    The code that you posted (with #content prepended in each line) does work nicely (You are currently using that with the #content).

    The same will work for the padding. Please try

    #content .tablepress-id-1 .column-2 {
    	padding: 1px;
    }

    Regards,
    Tobias

    Thank you very much!! Nice!!

    Sorry for the first code, i hadn’t see that there was the “#content” part now.

    Nice job Tobias! 🙂

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    great to see that it worked! 🙂
    And no problem, you are very welcome!

    Best wishes,
    Tobias

    P.S.: In case you haven’t, please rate TablePress here in the plugin directory. Thanks!

    Hi Tobias,,

    I tried both #content and #main, but both didn’t work. I couldn’t remove the border.

    Any suggestions?
    cookware.us homepage

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Yeah, in your case, the borders come from something else: The theme is separating the cells by one pixel, so that what you see is a backgroud color of the table layer (that is otherwise invisible behind the cells).
    So, please remove that #main again and use the standard code for removing borders from the FAQ, and additionally add this “Custom CSS”:

    .tablepress {
        border-collapse: collapse !important;
    }

    Regards,
    Tobias

    Working like a boss!
    Thank Tobias 🙂

    Plugin Author TobiasBg

    (@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!

    $10 from me. Big help.

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thank you very much, I really appreciate that! 🙂

    Best wishes,
    Tobias

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