More information please

  • Resolved surfs-up

    (@surfs-up)


    8 years, 5 months ago

    Hello ~ my tablepress is working just fine, but I’m trying to learn more about it.

    I’ve read the documentation, FAQ. But I need more ….

    My issue is – the table is spreading out to fill the page horizontally.
    I have .id-1 {
    width: 500px;
    padding: 4px;
    }

    And this is not changing how the table loads on the page, it looks just the same as if I added no css.

    Your instruction is greatly appreciated ~

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

    (@tobiasbg)

    8 years, 5 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    The full CSS would be

    .tablepress-id-1 {
  width: 500px;
}

    I’m not sure why you left out the tablepress- part.

    If that doesn’t work, 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 surfs-up

    (@surfs-up)

    8 years, 4 months ago

    Hi Tobias,

    Well that worked, but…. I thought (after reading the FAQ) that using the .tablepress part makes the CSS work globally…. I only was the CSS to work for this table so I left the tablepress part out.

    Aslo, I am going to want to CSS the individual text in columns/cells and I’m guessing I’m going to have to do that globally too?

    Thanks ~ I hate to bother you about this, I wish the CSS for the tableplress was explained outside of the individual questions. Like an example giving for table specific CSS, Cell specific, etc.

    Thank you for your help, I will be donating 🙂

    Thread Starter surfs-up

    (@surfs-up)

    8 years, 4 months ago

    …Maybe I read the FAQ wrong?

    It is possible – lol

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 4 months ago

    Hi,

    for more details on these selectors, please also see https://tablepress.org/faq/documentation-css-selectors-styling/
    This explains a bit what each table/row/cell gets as available CSS classes.

    About the global thing:
    Indeed, if your CSS code starts with

    .tablepress ... {

    that will be applied to all tables.
    If you just want something to apply to an individual table, the CSS has to start like

    .tablepress-id-123 ... {

    Regards,
    Tobias

    Thread Starter surfs-up

    (@surfs-up)

    8 years, 4 months ago

    Oh Thank You…. That explains it all perfectly 🙂

    ~Jami

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 4 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 6 replies - 1 through 6 (of 6 total)

The topic ‘More information please’ is closed to new replies.

Tags