Title: Rounded corners CSS not working.
Last modified: March 18, 2017

---

# Rounded corners CSS not working.

 *  Resolved [Rainbow](https://wordpress.org/support/users/adi-admin/)
 * (@adi-admin)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/rounded-corners-css-not-working/)
 * Hi there,
 * After setting up my tablepress with CSS, I’m having trouble only with getting
   the rounded edges to work.
 * I had a good look through your site and you had advised this:
 * [https://wordpress.org/support/topic/can-tablepress-do-this/](https://wordpress.org/support/topic/can-tablepress-do-this/)
 *     ```
        .tablepress thead th:first-child {
       	border-top-left-radius: 10px;
       }
       .tablepress thead th:last-child {
       	border-top-right-radius: 10px;
       }
       .tablepress tbody tr:last-child td:first-child {
       	border-bottom-left-radius: 10px;
       }
       .tablepress tbody tr:last-child td:last-child {
       	border-bottom-right-radius: 10px;
       } 
       ```
   
 * Unfortunately, it’s not working at all. Any ideas what is causing it not to?
 * I have inputted this in my wordpress custom CSS / and also tried it in the plugin
   Custom CSS.
 * —- If it maybe the border? I had set one already being:
 * .tablepress-id-10 tbody td {
    vertical-align: middle; font-family: Tahoma; border:
   1px black; }

Viewing 2 replies - 1 through 2 (of 2 total)

 *  Thread Starter [Rainbow](https://wordpress.org/support/users/adi-admin/)
 * (@adi-admin)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/rounded-corners-css-not-working/#post-8928860)
 * Fixed it.
 * It was a matter of changing the last child to last child:
 *     ```
       .tablepress-id-10 thead th:first-child {
       	border-top-left-radius: 10px;
       }
   
       .tablepress-id-10 thead th:first-child {
       	border-top-right-radius: 10px;
       }
   
       .tablepress-id-10 tbody tr:last-child td:first-child {
       	border-bottom-left-radius: 10px;
       }
   
       .tablepress-id-10 tbody tr:last-child td:last-child
   
        {
       	border-bottom-right-radius: 10px;
       }
       ```
   
    -  This reply was modified 9 years, 1 month ago by [Rainbow](https://wordpress.org/support/users/adi-admin/).
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [9 years, 1 month ago](https://wordpress.org/support/topic/rounded-corners-css-not-working/#post-8948544)
 * Hi,
 * thanks for your post, and sorry for the trouble. Also, sorry for the long wait
   on a reply. I only returned from holidays last night and therefore could not 
   reply to your support question earlier. (For more on this, please see my reply
   at [https://wordpress.org/support/topic/easy-set-up-hard-to-custom/](https://wordpress.org/support/topic/easy-set-up-hard-to-custom/)).
 * Yes, there might have been some CSS typos in my example code. Good to hear that
   you found the correct version already! 🙂
 * Regards,
    Tobias

Viewing 2 replies - 1 through 2 (of 2 total)

The topic ‘Rounded corners CSS not working.’ is closed to new replies.

 * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944)
 * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tablepress/)
 * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/)

## Tags

 * [border-radius](https://wordpress.org/support/topic-tag/border-radius/)
 * [rounded edges](https://wordpress.org/support/topic-tag/rounded-edges/)

 * 2 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [9 years, 1 month ago](https://wordpress.org/support/topic/rounded-corners-css-not-working/#post-8948544)
 * Status: resolved