Title: Table Formatting
Last modified: January 10, 2024

---

# Table Formatting

 *  Resolved [watchmakingtools](https://wordpress.org/support/users/watchmakingtools/)
 * (@watchmakingtools)
 * [2 years, 5 months ago](https://wordpress.org/support/topic/table-formatting-7/)
 * Is it possible to amend the colour of horizontal rows background colour in alternate
   rows in TablePress?
 * Also, is it possible to set a custom column width for each column?

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

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [2 years, 5 months ago](https://wordpress.org/support/topic/table-formatting-7/#post-17334857)
 * Hi!
 * Thanks for your post and sorry for the trouble!
 * Yes, changing the styling and the colors is no problem! You can for example use
   CSS code for this, see the [TablePress FAQ](https://tablepress.org/faq/).
 * If you prefer a more visual editing, check out the [Default Style Customizer](https://tablepress.org/modules/default-style-customizer/)
   feature that is part of the [TablePress premium versions](https://tablepress.org/pricing/).
 * Changing column widths is possible with CSS code as well, see [https://tablepress.org/faq/column-widths/](https://tablepress.org/faq/column-widths/)
 * Best wishes,
   Tobias
 *  Thread Starter [watchmakingtools](https://wordpress.org/support/users/watchmakingtools/)
 * (@watchmakingtools)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/table-formatting-7/#post-17341358)
 * Thanks Tobias, is it also possible to configure the column widths via the Default
   Style Customizer?
 * Lastly, is it possible to add a watermark to a table?
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/table-formatting-7/#post-17341764)
 * Hi,
 * no, sorry, changing column widths in the Default Style Customizer is not possible—
   and would actually not really make sense: The Default Style Customizer sets the
   default styling for all tables at once. While this makes sense for colors, etc.,
   tables will have different content, so that they will have or need different 
   column widths anyways. So, for now, the best approach for setting column widths(
   if it’s actually necessary to override the defaults that the browser determines
   automatically) is to use CSS.
   (I do however plan to extend the Default Style 
   Customizer in the future, to also allow styling individual tables, where setting
   column widths is also one of the goals).
 * As for the watermark: Do you mean something like a background image for the table?
   This is in general possible with CSS code as well.
 * Best wishes,
   Tobias
 *  Thread Starter [watchmakingtools](https://wordpress.org/support/users/watchmakingtools/)
 * (@watchmakingtools)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/table-formatting-7/#post-17342599)
 * Hi Tobias, thanks for the detailed response, much appreciated.
 * When i mention watermark i do mean a background image for the table. Do you have
   any guidance on the CSS code needed to achieve this?
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/table-formatting-7/#post-17342608)
 * Hi,
 * sure, no problem!
 * Adding a background to a table is not too difficult. You could e.g. add this 
   to the “Custom CSS” text area on the “Plugin Options” screen of TablePress:
 *     ```wp-block-code
       .tablepress-id-123 {
           background-image: url(https://example.com/your-image.png);
           background-repeat: no-repeat;
           background-position: center;
           background-size: 50%;
       }
       ```
   
 * (with the correct table ID, the image URL, and maybe some tinkering with the 
   other parameter values). You would also have to turn off the “Alternating Row
   Colors” and “Row Hover Highlighting” checkboxes on the table’s “Edit” screen,
   or adjust those colors to be semi-transparent.
 * Best wishes,
   Tobias
 *  Thread Starter [watchmakingtools](https://wordpress.org/support/users/watchmakingtools/)
 * (@watchmakingtools)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/table-formatting-7/#post-17397258)
 * Hi Tobias,
 * I’ve tried the above CSS you suggested to display a background image but struggling
   to get it working. Can I confirm the following:
 * In this part of the CSS “.tablepress-id-123 {“
 * Is “tablepress-id-123” meant to be replaced with the Tabled ID or just “123”?
 * Thank you
 * Marinos
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/table-formatting-7/#post-17397653)
 * Hi,
 * just the 123 would have to be replaced.
 * If this change then still does not 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!
 * Best wishes,
   Tobias
 *  Thread Starter [watchmakingtools](https://wordpress.org/support/users/watchmakingtools/)
 * (@watchmakingtools)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/table-formatting-7/#post-17397713)
 * Thanks Tobias, please see the first table on this page – [https://watchmakingtools.com/test/](https://watchmakingtools.com/test/).
 * Sure i’ve missed something, just can’t see what.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/table-formatting-7/#post-17399411)
 * Hi,
 * thanks for the link! Please turn off the “Alternating Row Colors” and “Row Hover
   Highlighting” checkboxes on the table’s “Edit” screen, or adjust those colors
   to be semi-transparent.
 * You will then see the background image.
 * To remove the border lines (if desired), also add this CSS code:
 *     ```wp-block-code
       .tablepress-id-France-Ebauche-FE-LA th,
       .tablepress-id-France-Ebauche-FE-LA td {
           border-top: none;
       }
       ```
   
 * Best wishes,
   Tobias
 *  Thread Starter [watchmakingtools](https://wordpress.org/support/users/watchmakingtools/)
 * (@watchmakingtools)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/table-formatting-7/#post-17404246)
 * Thank you Tobias, this now works.
 * Sorry to be a pain but I really want to show the alternating row colors so how
   do I make these semi-transparent? Also, is there a way to make the background
   image repeat?
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/table-formatting-7/#post-17405295)
 * Hi,
 * you would need to choose an “rgba” color (which has transparancy), e.g. using
   [https://rgbacolorpicker.com/](https://rgbacolorpicker.com/) and assign that 
   with CSS code, via [https://tablepress.org/faq/change-color-alternating-rows/](https://tablepress.org/faq/change-color-alternating-rows/)
 * To have the image repeat, you would need to assign a different value to the `
   background-repeat` CSS property in the CSS above, see [https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat](https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat)
 * As we are reaching the limits of what I can offer as free support here, and or
   if you would like more specific suggestions, I would recommend checking out the
   [TablePress Premium versions](https://tablepress.org/premium/) which also come
   with direct priority email support for things like this.
 * Best wishes,
   Tobias
 *  Thread Starter [watchmakingtools](https://wordpress.org/support/users/watchmakingtools/)
 * (@watchmakingtools)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/table-formatting-7/#post-17407333)
 * Thanks for all your help Tobias.
 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [2 years, 4 months ago](https://wordpress.org/support/topic/table-formatting-7/#post-17408409)
 * Hi,
 * sure, no problem!
 * Best wishes,
   Tobias

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

The topic ‘Table Formatting’ 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/)

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