Font centering and spacing

  • Resolved prosperityone

    (@prosperityone)


    14 years, 10 months ago

    Hi,

    Great plugin 🙂

    Page I am working on: http://www.mycoachmatch.com/test/

    A couple of questions:

    How do I center the text in some of the cells?

    How do I edit the font size, type, etc. in the header? I am using this CSS, but it doesn’t seem to apply:

    .wp-table-reloaded-id-1 td {
  font-family: Helvetica;
  font-size: 16px;
  color: #000000;
}

    Also there is a significant space between the bottom of the table and the “Go To Step One >>” button (in both Chrome and Safari). How do I reduce this?

Viewing 2 replies - 1 through 2 (of 2 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    14 years, 10 months ago

    Hi,

    unfortunately, your link is not working, but I should be able to help without it.

    To center text, just use the CSS command

    text-align: center;

    in the CSS. The FAQ at http://tobias.baethge.com/wordpress-plugins/wp-table-reloaded-english/faq/ explains how to select certain single cells.

    For the modifications of the header: You will need to use a slightly modified code, as the headed in a table uses the HTML element th instead of td. Thus, the following should work for the header:

    .wp-table-reloaded-id-1 th {
  font-family: Helvetica;
  font-size: 16px;
  color: #000000;
}

    To remove the space below the table, just uncheck the “Use JavaScript Library” checkbox, as that’s where the space comes from.

    Best wishes,
    Tobias

    Thread Starter prosperityone

    (@prosperityone)

    14 years, 10 months ago

    Thank you Tobias. It is a great plugin!!

    Here is the updated link. We are still working on the table.

    http://www.mycoachmatch.com/plans/

    Best,

    Corey

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

The topic ‘Font centering and spacing’ is closed to new replies.