Round Corner

  • Resolved lerocco

    (@lerocco)


    2 years, 8 months ago

    At the end of the side we use a table. I would like to get the corner of the table round.

    Thats my css

    .tablepress thead th,
.tablepress tfoot th {
  background-color: #ae3036;
  color: #ffffff;
	font-weight: normal;
}

    What I have to do to get the corner of the table round?

    Thanks for help!

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

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

    (@tobiasbg)

    Hi,

    thanks for your post, and sorry for the trouble.

    Depending on the table and theme, this can be a bit tricky, but the approach from the first post at https://www.ads-software.com/support/topic/border-radius-box-shadow-problem/ should work.

    Regards,
    Tobias

    Thread Starter lerocco

    (@lerocco)

    Great! It works: 

    .tablepress thead th:first-child {
	border-top-left-radius: 4px;
}
.tablepress thead th:last-child {
	border-top-right-radius: 4px;
}
.tablepress tbody tr:last-child td:first-child {
	border-bottom-left-radius: 4px;
}
.tablepress tbody tr:last-child td:last-child {
	border-bottom-right-radius: 4px;
}
    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!

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