WordPress.org

Ready to get started?Download WordPress

Forums

WP-Table Reloaded
[resolved] Can Tablepress do this? (9 posts)

  1. findlay62
    Member
    Posted 1 year ago #

    Hi, Would like to know if Tablepress can create tables like these with rounded corners without CSS knowledge:

    Dating site 2013 review widget in sidebar here

    And here

    Thanks

    Derek

    http://wordpress.org/extend/plugins/wp-table-reloaded/

  2. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Derek,

    thanks for your question.

    Yes, that's possible with TablePress. You would just have to create the tables, fill them with data and insert them into a page with the Shortcode.
    However, some CSS code will be necessary to adjust the styling. To get started, you can take a look at the TablePress FAQ page at http://tablepress.org/faq/ That explains how to change the background colors, for example.

    For the rounded corners, you can use this "Custom CSS":

    .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;
    }

    Regards,
    Tobias

  3. findlay62
    Member
    Posted 1 year ago #

    Tobias,

    Thank you so much for your prompt reply.

    Regards

    Derek

  4. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi Derek,

    sure, no problem! You are very welcome!

    Best wishes,
    Tobias

  5. matthewfriedman
    Member
    Posted 6 months ago #

    Nevermind I figured out my issue

  6. matthewfriedman
    Member
    Posted 6 months ago #

  7. TobiasBg
    Member
    Plugin Author

    Posted 6 months ago #

    Hi,

    thanks for your post, and sorry for the trouble.

    I just checked your link in Chrome and Firefox and in both cases, only the outer left and right cells have a round corner, so everything is correct.

    Regards,
    Tobias

  8. matthewfriedman
    Member
    Posted 6 months ago #

    I figured out what was going on. my css was combining with a previous thead css class i had listed immediately before the rounded edge css, and for some reason it was striping out the first thead line of code and leaving the second radius line of code as an additional thead and tfoot parameter.

  9. TobiasBg
    Member
    Plugin Author

    Posted 6 months ago #

    Hi,

    yes, that sounds like the cause for this. Good to hear that you were able to fix it already! :-)

    Best wishes,
    Tobias

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

Topic Closed

This topic has been closed to new replies.

About this Plugin

About this Topic