Rounded Corners in odd rows / specific cells

  • Resolved hensenmann

    (@hensenmann)


    10 years, 11 months ago

    Hi Tobias,
    I’ve figured out a lot today, but one thing still doesn’t want to work:
    I have a table with two columns and I want every second row to be rounded at the very left top and the very right top corner.

    If I do this:

    .tablepress-id-3 .odd td {
	background-color: #84bd22;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

    both colums are rounded left and right, as you can see her:
    Themen

    I tried to put just “left” or “right” in the specific cells, but then there is no rounding anywhere.

    Do you have a hint for me?

    Thanks for your help,
    Hendrik.

    PS: Wenn das zu weird ist, kann ichs auch nochmal auf deutsch machen ??

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

Viewing 3 replies - 1 through 3 (of 3 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi Hendrik,

    thanks for your post, and sorry for the trouble.

    You’ll probably want

    .tablepress-id-3 .odd .column-1 {
	background-color: #84bd22;
	border-top-left-radius: 10px;
}
.tablepress-id-3 .odd .column-2 {
	background-color: #84bd22;
	border-top-right-radius: 10px;
}

    if I understand correctly.

    Regards,
    Tobias

    Thread Starter hensenmann

    (@hensenmann)

    Via the columns!
    Yeah!
    ??

    Thank you so much!

    Plugin Author Tobias B?thge

    (@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 ‘Rounded Corners in odd rows / specific cells’ is closed to new replies.