Title: Table Style
Last modified: August 31, 2016

---

# Table Style

 *  Resolved [dmdesign91](https://wordpress.org/support/users/dmdesign91/)
 * (@dmdesign91)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/table-style-1/)
 * 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://wordpress.org/plugins/tablepress/](https://wordpress.org/plugins/tablepress/)

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/table-style-1/#post-7190883)
 * 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/](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](https://wordpress.org/support/users/dmdesign91/)
 * (@dmdesign91)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/table-style-1/#post-7190884)
 * Sorry URL is [http://www.adpddev.apexmediaprint.com/?page_id=14879](http://www.adpddev.apexmediaprint.com/?page_id=14879)
 *  Thread Starter [dmdesign91](https://wordpress.org/support/users/dmdesign91/)
 * (@dmdesign91)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/table-style-1/#post-7190894)
 * 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](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [10 years, 3 months ago](https://wordpress.org/support/topic/table-style-1/#post-7190998)
 * 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.

 * ![](https://ps.w.org/tablepress/assets/icon.svg?rev=3192944)
 * [TablePress - Tables in WordPress made easy](https://wordpress.org/plugins/tablepress/)
 * [Frequently Asked Questions](https://wordpress.org/plugins/tablepress/#faq)
 * [Support Threads](https://wordpress.org/support/plugin/tablepress/)
 * [Active Topics](https://wordpress.org/support/plugin/tablepress/active/)
 * [Unresolved Topics](https://wordpress.org/support/plugin/tablepress/unresolved/)
 * [Reviews](https://wordpress.org/support/plugin/tablepress/reviews/)

 * 4 replies
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [10 years, 3 months ago](https://wordpress.org/support/topic/table-style-1/#post-7190998)
 * Status: resolved