Adding tiling background image to table

  • Resolved Violutus

    (@violutus)


    8 years, 5 months ago

    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, 5 months ago by Violutus.
    • This topic was modified 8 years, 5 months ago by Violutus.
    • This topic was modified 8 years, 5 months ago by Violutus.
Viewing 1 replies (of 1 total)
  • Plugin Author Tobias Bäthge

    (@tobiasbg)

    8 years, 5 months ago

    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.