lingering border

  • Resolved alonis10

    (@alonis10)


    10 years, 2 months ago

    Hi there,

    I’m using Tablepress to make two tables on the following page: https://www.lbsbakery.com/catalogue (“The offerings”, and the table following “Jump ahead”). I used the following code to get rid of the borders for the tables, as suggested on the plugin site:

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

    However, you will see that there is still a border on the right side of the very last cell for both tables. How do I get rid of this?

    Thanks in advance for your help!

    https://www.ads-software.com/plugins/tablepress/

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

    (@tobiasbg)

    Hi,

    thanks for your question, and sorry for the trouble.

    That border is added by your theme in a weird way, so that we’ll have to slightly adjust the “Custom CSS” and append the !important keyword like

    border: none !important;

    Can you please try that?

    Regards,
    Tobias

    Thread Starter alonis10

    (@alonis10)

    Worked like a charm! Thanks so much, 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!

    I added the recommended css and the !important keyword and I still get thin lines at the bottom edge of each row in Firefox, Safari and Chrome.

    Plugin Author TobiasBg

    (@tobiasbg)

    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

    jimrea dot com/wp4/?page_id=653

    Lines underneath Name, Phone, Email, etc.

    Also this is the added css code

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

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks for the link and the code! As mentioned in the FAQ entry for removing borders, you’ll simply have to replace the N in the CSS code with the table ID for the table from which you want to remove the borders.

    Regards,
    Tobias

    I obviously overlooked that. That did the trick.

    Thanks for the clarification and the great plug-in.

    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!

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

    Done!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    thanks! I really appreciate that!

    Best wishes,
    Tobias

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘lingering border’ is closed to new replies.

Tags