Support » Plugin: TablePress » Adjust text in column

  • Resolved cadenza1

    (@cadenza1)


    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/

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

    (@tobiasbg)

    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

    cadenza1

    (@cadenza1)

    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/

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

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

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

    Regards,
    Tobias

    cadenza1

    (@cadenza1)

    Perfect!

    Thanks!

    Plugin Author TobiasBg

    (@tobiasbg)

    Hi,

    no problem 🙂 Thanks a lot for the confirmation that this worked.

    Best wishes,
    Tobias

    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!

    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!

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

    Plugin Author TobiasBg

    (@tobiasbg)

    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

    Thank you so much! This was so helpful.

    Plugin Author TobiasBg

    (@tobiasbg)

    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!

Viewing 11 replies - 1 through 11 (of 11 total)
  • The topic ‘Adjust text in column’ is closed to new replies.