Title: Adding tiling background image to table
Last modified: November 5, 2017

---

# Adding tiling background image to table

 *  Resolved [Violutus](https://wordpress.org/support/users/violutus/)
 * (@violutus)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/adding-tiling-background-image-to-table/)
 * Hi,
 * I recently discovered that someone has been screenshotting my table information
   and posting them without any sort of credit on other mediums.
 * I’d like to add a background image to all my existing tables that is somewhat
   transparent and tiles the entire length and height of the table, without overlapping.
   I would also like to keep whatever cell size the table happens to have chosen
   rather than resizing it to the background image.
 * I would also like to keep this alternating color scheme in place if possible:
 *     ```
       .tablepress .odd td {
       	background-color: #000000;
       }
   
       .tablepress .even td {
       	background-color: #232323;
       }
       ```
   
 * Can this be accomplished?
 * -Thanks,
    Violutus
    -  This topic was modified 8 years, 7 months ago by [Violutus](https://wordpress.org/support/users/violutus/).
    -  This topic was modified 8 years, 7 months ago by [Violutus](https://wordpress.org/support/users/violutus/).
    -  This topic was modified 8 years, 7 months ago by [Violutus](https://wordpress.org/support/users/violutus/).

Viewing 1 replies (of 1 total)

 *  Plugin Author [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * (@tobiasbg)
 * [8 years, 7 months ago](https://wordpress.org/support/topic/adding-tiling-background-image-to-table/#post-9652104)
 * Hi,
 * thanks for your question, and sorry for the trouble.
 * You could experiment with adding a background image to the actual table element,
   and then change the alternating row colors to have transparency.
 * Some “Custom CSS” code like
 *     ```
       .tablepress-id-123 {
         background-image: url(https://example.com/image.jpg);
       }
       .tablepress-id-123 .odd td {
       	background-color: rgba( 0, 0, 0, 0.5 );
       }
       .tablepress-id-123 .even td {
       	background-color: rgba( 35, 35, 35, 0.5 );
       }
       ```
   
 * Note that this might be a wasted effort. It’s rather trivial to remove the background
   image before taking a screenshot – or to just copy the HTML code of the table.
 * Regards,
    Tobias

Viewing 1 replies (of 1 total)

The topic ‘Adding tiling background image to table’ 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/)

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [image](https://wordpress.org/support/topic-tag/image/)
 * [table](https://wordpress.org/support/topic-tag/table/)

 * 1 reply
 * 2 participants
 * Last reply from: [Tobias Bäthge](https://wordpress.org/support/users/tobiasbg/)
 * Last activity: [8 years, 7 months ago](https://wordpress.org/support/topic/adding-tiling-background-image-to-table/#post-9652104)
 * Status: resolved