column borders are not visible on frontend

  • Resolved mstudioeu

    (@mstudioeu)


    1 month ago

    Hey there,

    For some reason the column borders are not visible on the frontend, but they do appear while I’m editing the table. Is it possible to fix this?

    Also, there’s no padding available on the left (the first column “Кота”), but there’s so much free space after the latest column (Обща площ/м2).

    Thanks in advance.

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

    (@tobiasbg)

    1 month ago

    Hi!

    Thanks for your post and sorry for the trouble!

    This likely means that your theme is removing the borders with its CSS code. Can you please send me a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Best wishes,
    Tobias

    Thread Starter mstudioeu

    (@mstudioeu)

    1 month ago

    Hey again Tobias,

    Thank you so much for your time, I really appreciate it!

    Here’s the URL.

    Can you please also check the padding?

    Thanks in advance!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    1 month ago

    Hi,

    thanks for the link. I can see the borders on that table just fine.

    The padding is set to 0 by yourself, via the CSS code

    .tablepress > :not(caption) > * > * {
      padding: 0px !important;
    }

    in the “Custom CSS” textarea in the theme customizer, from what I can see…

    Regards,
    Tobias

    Thread Starter mstudioeu

    (@mstudioeu)

    1 month ago

    Hey again Tobias,

    Thanks for the information about the padding. Yes, I will adjust the code.

    Regarding the borders, here is how it looks like in the backend:

    As you can see, there are vertical borders in that table. On the frontend, the vertical borders are not showing (please check the first screenshot in the thread).

    Thanks in advance!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    1 month ago

    Hi,

    note that the layout/styling of the “Edit” screen is not a visual representation of how the table will look like on the frontend! To get an initial idea of the styling, you can use the “Preview” button on the “Edit” screen. (But that’s also not always accurate, as the theme usually applies styling to tables as well.)

    Also note that vertical borders in tables are considered detrimental for legibility, which is why the default styling doesn’t set them. You can however achieve that, e.g. by adding this to the “Custom CSS” text area on the “Plugin Options” screen of TablePress:

    .tablepress th,
    .tablepress td {
      border: 1px solid #cccccc;
    }

    Best wishes,
    Tobias

    Thread Starter mstudioeu

    (@mstudioeu)

    1 month ago

    Thanks so much, Tobias! I wish you all the best to you and your family!

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    1 month ago

    Hi @mstudioeu,

    No problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes to you and your family as well!
    Tobias

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

Viewing 7 replies - 1 through 7 (of 7 total)
  • You must be logged in to reply to this topic.