[Plugin: WP-Table Reloaded] styling rows?

  • Resolved Dave

    (@bikeboyblue)


    14 years, 1 month ago

    hi there, im stuck trying to figure out how to style my table.

    i am trying to make it look the the img on my site (photo-shop mock up)
    https://www.davetrump.ca/naada/?page_id=14
    (its below the real table)
    im trying to use a number of fonts and i am stumped as to the most efficient way to accomplish this, im thinking row styling but ive been playing for a while and having no effect ??

    any help would be greatly appreciated.

    thanks a bunch
    d

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

  • Hi,

    thanks for your question.

    Basically, you are already off to a good start. For the bold and italic font you will only need the HTML <strong> and <em> tag.
    For the rest, I suggest using CSS styling. To apply that to only certain words in your cells, just wrap those in a HTML <span> tag which has a CSS class. You can then use that for styling, as shown in the example in the plugin FAQ at https://tobias.baethge.com/wordpress-plugins/wp-table-reloaded-english/faq/. Take a look at the question “How can I highlight certain cells or their content?” there.

    Also, there’s as slight mistake in the CSS that you already seem to have added to change the table font: You will need to switch td and tr in that CSS.

    Regards,
    Tobias

    Thread Starter Dave

    (@bikeboyblue)

    Wonderful, and thanks for the speedy reply ??
    and thanks for catching my error as well.

    thanks a bunch
    d

    Hi,

    you are very welcome!

    Best wishes,
    Tobias

    Thread Starter Dave

    (@bikeboyblue)

    k one more question (please and thank you)
    i think i have it mostly figured but i cant seem to find how to control the spacing after a cell…
    ie between an 8 o clock class and a ten oclock class.

    https://www.davetrump.ca/naada/?page_id=14

    thanks again Tobias, you are a saint ??

    Hi,

    how about adding some padding to the bottom of the cell, e.g. with this “Custom CSS”:

    .wp-table-reloaded-id-1 td {
  padding-bottom: 12px!important;
}

    Regards,
    Tobias

    Thread Starter Dave

    (@bikeboyblue)

    you are amazing!

    thank you once again
    d

Viewing 6 replies - 1 through 6 (of 6 total)
  • The topic ‘[Plugin: WP-Table Reloaded] styling rows?’ is closed to new replies.