Table styling

  • Resolved seashman

    (@seashman)


    7 years, 8 months ago

    Hi

    Could you help please?

    1) I need to change the colour of the background in the first row.
    2) I’d like to use alternate rows, as the grey backgrounds in the alternate rows are good. However, when the last row has no colour background, there is no bottom rule to finish the table. How can I introduce a rule there please?

    Thank You.
    SA

Viewing 8 replies - 1 through 8 (of 8 total)
  • Thread Starter seashman

    (@seashman)

    7 years, 8 months ago

    Hi

    One more question please – In FAQs I have seen how to change the header/footer colours. However, I can’t seem to change the thickness of the footer rule/border below 10px. How do I do this please?

    Thank you.
    SA

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 8 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    Can you please post a link to the page with the table where this problem happens, so that I can take a direct look? Thanks!

    Regards,
    Tobias

    Thread Starter seashman

    (@seashman)

    7 years, 8 months ago

    Hi Tobias

    The site is in Maintenance Mode, but I’ll turn that off for the next few hours for you to take a look.
    http://thebodyandmindplace.co.uk/pricing/

    Thanks
    SA

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 8 months ago

    Hi,

    thanks for the link! Indeed, the site seems to be in maintenance mode, as I don’t see a table?

    Regards,
    Tobias

    Thread Starter seashman

    (@seashman)

    7 years, 8 months ago

    Hi,

    I have now taken it out of Maintenance Mode. Could you take a look now please?

    Thank you.

    SA

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 8 months ago

    Hi,

    thanks! Now I can see the table. The bottom rule is actually not a border line here, but the empty table footer. As these are still cells, they will get the minimum height as defined by the padding (inner white space) in the cells.
    Thus, instead of using this empty footer row here, I’d recommend to instead use this “Custom CSS” to add an actual border bottom rule:

    .tablepress-id-1 {
	border-bottom: 4px solid #faedd1;
}

    Regards,
    Tobias

    Thread Starter seashman

    (@seashman)

    7 years, 8 months ago

    Thanks very much! That all works fine now.

    Regards,
    SA

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    7 years, 8 months ago

    Hi,

    no problem, you are very welcome! 🙂 Good to hear that this helped!

    Best wishes,
    Tobias

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

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

The topic ‘Table styling’ is closed to new replies.