Separating vertical border

  • Resolved iferganalex

    (@iferganalex)


    2 years, 1 month ago

    Hi Tobias,

    I have added the following custom CSS to create a surround border: https://snipboard.io/oe5qgN.jpg

    I’d like to add vertical lines for each of the 5 columns thourghout both tables visible at the middle of the page at https://bit.ly/3yF7xLI

    Would appreciate if you can suggest additional CSS that would do the job

    Many thanks in advance

    Alex

    The page I need help with: [log in to see the link]

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    You could add this to the “Custom CSS” textarea on the “Plugin Options” screen of TablePress:

    .tablepress-id-1 thead th:not(:last-child),
.tablepress-id-1 tbody td:not(:last-child) {
  border-right: 2px solid #000000;
}

    to add vertical borders.

    Regards,
    Tobias

    Thread Starter iferganalex

    (@iferganalex)

    Awesome, works like a charm!
    Thank you Tobias for prompt answer
    Alex

    Thread Starter iferganalex

    (@iferganalex)

    Tobias,
    Last question where I’d be grateful to get your precious tips:
    When you open the same page discussed above through Mobile: https://bit.ly/3CUUqJ0
    You’ll notice that the table generated through TablePress aren’t responsive.
    Do you’ve any tips on how we should proceed so the table will be resized in mobile view so they won’t get “cut”

    Thanks a lot for your time and advices
    Alex

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    good to hear that the centering helped! For the responsiveness, please see https://tablepress.org/extensions/responsive-tables/

    Regards,
    Tobias

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