WordPress.org

Ready to get started?Download WordPress

Forums

TablePress
[resolved] Adjust text in column (12 posts)

  1. cadenza1
    Member
    Posted 1 year ago #

    Hi there,

    I would like to know how to adjust the text in my columns UP, to be right underneath the heading.

    You will see where it says "Property Details" and "Exterior", the text in these columns is half way down the column. In the middle column, it starts at the top of the column. I'd like all the text in each column to start at the top of the column.

    http://cortesislandholidays.com/brambly-hedge-cottage-2/

    I have many tables on my website, so if there was a code that applied globally across all columns on the site, that would be great.

    I don't really write code, but if you tell me the code, I know where to put it.

    Thanks!

    http://wordpress.org/extend/plugins/tablepress/

  2. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    thanks for your question!

    This should not be too hard to achieve. Please try adding

    .tablepress td {
      vertical-align: top;
    }

    to the "Custom CSS" textarea on the "Plugin Options" screen of TablePress.

    Regards,
    Tobias

  3. cadenza1
    Member
    Posted 1 year ago #

    Thank you! That worked.

    Another question on text adjusting:

    Can you tell me how to adjust the text in the columns so they are center-aligned?

    For example, I'd like the text in these columns to be center-aligned, not left-aligned.

    http://cortesislandholidays.com/rental-rates-explained/

  4. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    sure, that's possible! Just change the code from above to

    .tablepress th,
    .tablepress td {
      text-align: center;
      vertical-align: top;
    }

    Regards,
    Tobias

  5. cadenza1
    Member
    Posted 1 year ago #

    Perfect!

    Thanks!

  6. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    no problem :-) Thanks a lot for the confirmation that this worked.

    Best wishes,
    Tobias

  7. Edesia
    Member
    Posted 1 year ago #

    Hi Tobias,
    I am trying to get my headings to center vertically in the row. Here's what I put into the custom CSS:

    .tablepress th,
    .tablepress td {
    text-align: left;
    vertical-align: middle;
    }

    This had no effect. Here's the page I am working on:

    http://edesiaindustries.com/beta/sample-page/mediacenter/

    I'm new to TablePress so really appreciate your help! Thanks!

  8. Edesia
    Member
    Posted 1 year ago #

    I ended up entering this into the custom css, which worked pretty well:

    h3 {
    font-size: 24px;
    text-indent: 10px;
    padding: 15px 0 0 0;
    }

    But how do you adjust row height?

    thanks!

  9. Edesia
    Member
    Posted 1 year ago #

    Oops, TablePress custom CSS changed h3 style for the whole site, so never mind. I am still without a clue! Thanks again.

  10. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    that CSS code changes the h3 style for the whole site, because you didn't tell it to just apply to tables.
    Additionally, you can then reduce the margin, to make the line height better. Please try again with

    .tablepress h3 {
      font-size: 24px;
      text-indent: 10px;
      padding: 15px 0 0 0;
      margin-bottom: 0;
    }

    Regards,
    Tobias

  11. Edesia
    Member
    Posted 1 year ago #

    Thank you so much! This was so helpful.

  12. TobiasBg
    Member
    Plugin Author

    Posted 1 year ago #

    Hi,

    sure, no problem! You are very welcome!

    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

Tags

No tags yet.