Table Style

  • Resolved dmdesign91

    (@dmdesign91)


    10 years, 2 months ago

    Hi,

    Hope your are well. I’m having some trouble getting tables right design wise. It’s a great plug in and I think it will serve me well with what I want to achieve.

    I want to create a class that can be applied to every table as there will be a lot and will all use the same style. I’ve read your documentation and FAQS on this but haven’t managed to get it right yet.

    I want the top row with the titles background color to be #08002d and the text white. And for the rest of the table all white with black text (price area etc). Could you help with the CSS for that?

    Also I understand you have a plug in that helps with responsiveness. What would be best way to go with these sort of tables I’m cresting? There’ll be one for each product, hopfully you get the idea there from the link.

    Last question, the site is underdevelopment in a subdomain so once complted will go to main domain, would there be any issue there?

    Look forward to hearing from you and appreciate your time.

    Thanks
    David

    https://ww.wp.xz.cn/plugins/tablepress/

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

    (@tobiasbg)

    10 years, 2 months ago

    Hi,

    thanks for your question, and sorry for the trouble.

    Unfortunately, you didn’t post a link, so I can only guess on a few things.

    For that common class that you created for CSS, just add that to each table’s “Extra CSS classes” field and then use it throughout your “Custom CSS” code.

    Regarding the top row, the CSS ideas from https://tablepress.org/faq/change-background-color-table-head-row/ should be a good starting point.

    Responsiveness can indeed be tricky and heavily depends on the table. I can therefore simply suggest that you try the three different modes that the Extension offers and then choose the one that you like best, based on your table, its structure, and data.

    Moving from a subdomain to a real domain should not create issues, unless you are embedding links or images into the table. If those use the subdomain in their URLs, you’d have to update those to the real domain. Depending on how many of those you have, a quick way might be to do this via search/replace directly in the database when making the move.

    Regards,
    Tobias

    Thread Starter dmdesign91

    (@dmdesign91)

    10 years, 2 months ago

    Sorry URL is http://www.adpddev.apexmediaprint.com/?page_id=14879

    Thread Starter dmdesign91

    (@dmdesign91)

    10 years, 2 months ago

    Hi,
    Thanks for the swift reply and the info regarding the responses and domain. Will be a great help.

    Could you tell me how exactly to add the common CSS (to the Custom CSS) I haven’t attempted it yet as just can’t figure the right way to do it in my head. I jnow it’s probably simple but struggling there. I know how to add it to each tables Extra CSS. Just need help creating that CSS if that makes sense. Could you guide me with that. Afraid of running into problems.

    Mthankx

    Plugin Author Tobias Bäthge

    (@tobiasbg)

    10 years, 2 months ago

    Hi,

    for example, you could create an “Extra CSS class” like

    tp-style-1

    (or whatever name you want), and add that to each (desired) table’s “Edit” screen. Then, use CSS like

    .tp-style-1 thead th {
  background-color: #08002d;
  color: #ffffff;
}

    Regards,
    Tobias

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

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