CSS and multiple tables

  • Resolved surfs-up

    (@surfs-up)


    8 years, 3 months ago

    Hello –

    I know how to apply CSS to ALL the tables & to individual tables using their table ID…. but is there a way to apply CSS to a group of tables, there by saving repeating the CSS for several tables just to avoid having it apply to all.

    Or maybe there is another way to achieve this….?

    Thanks Tobias

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

    (@tobiasbg)

    8 years, 3 months ago

    Hi,

    thanks for your post, and sorry for the trouble.

    The only ways are to group the selectors, or to use “Extra CSS classes”. See e.g. https://ww.wp.xz.cn/support/topic/interval-of-tables/

    Regards,
    Tobias

    Thread Starter surfs-up

    (@surfs-up)

    8 years, 3 months ago

    So to use CSS classes I would create a title for a group of tables I want formatted the same. Like Broncs-Tables, and add this title to the “Custom Commands” section at the bottom of each table I want the CSS to apply to.

    Then in the Plugin Options CSS I would put something like –

    .Broncs-Tables .column-1 {
    Font-size:small;
    }

    Is this correct?

    How would I set the maximum table width along with something just in one column?

    Thanks for the links, that has helped, but I just want to make sure I understand.

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 3 months ago

    Hi,

    yes, that’s correct – except the field to enter this is “Extra CSS classes” and NOT “Custom Commands”!

    To set a maximum table width, you would simply use CSS like

    .Broncs-Tables {
  width: 400px;
}

    Regards,
    Tobias

    Thread Starter surfs-up

    (@surfs-up)

    8 years, 3 months ago

    Okay, now I’m going to be a dense-newbie 🙂

    Where do I find… Extra CSS Classes in WP, tablepress or ?

    I am completely new to all things WP, and finding where things are in WP is my biggest stumbling block.

    Sorry Tobias,

    Thread Starter surfs-up

    (@surfs-up)

    8 years, 3 months ago

    I got it… you’re the best Tobias!

    My tables are so long I was skipping over the Extra CSS field.

    Thank you for your patience 🙂

    Thread Starter surfs-up

    (@surfs-up)

    8 years, 3 months ago

    Quick question:

    When working on a table (edit) is there a way to expand all the cells to see their contents, in one move? This would be very helpful instead of opening each by clicking or….

    Thanks again !

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 3 months ago

    Hi,

    for this, you could increase the default size, e.g. using https://tablepress.org/extensions/input-field-size/

    Regards,
    Tobias

    Thread Starter surfs-up

    (@surfs-up)

    8 years, 3 months ago

    Thanks, I will try that extension and make another donation 🙂

    Can you show me how to indicate 2 table Extensions for one table? I’m using responsive, but see one or two more I may want to add.

    All the best,

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 3 months ago

    Hi,

    you would just also add the other parameter to the Shortcode, nothing special 🙂

    Regards,
    Tobias

    Thread Starter surfs-up

    (@surfs-up)

    8 years, 2 months ago

    Thank you so much – Tobias

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 2 months ago

    Hi,

    sure, always happy to help! 🙂

    Best wishes,
    Tobias

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

The topic ‘CSS and multiple tables’ is closed to new replies.