• Resolved jjsbetteroff

    (@jjsbetteroff)


    Hi Tobias, all going well sir, another query for you.

    Im trying to add a drop shadow to individual images inside a table column.

    Im using the following CSS from a site I found https://unverse.net/drop-shadow
    All I can manage to do at the moment is to make the entire column drop shadow, but not the images inside the certain cells of the table.

    CSS im using to make entire column drop shadow;
    .wp-table-reloaded-id-9 .column-1, .wp-table-reloaded-id-9 .column-2 {
    -moz-box-shadow: 5px 5px 5px #999; /* Firefox */
    -webkit-box-shadow: 5px 5px 5px #999; /* Safari/Chrome */
    box-shadow: 5px 5px 5px #999; /* Opera and other CSS3 supporting browsers */
    -ms-filter: “progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=’#999999′)”;/* IE 8 */
    : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color=’#999999′);/* IE 5.5 – 7 */
    }

    Any thoughts on how I can make individual images drop the shadow to look more like buttons?

    Thanks again mate.

    https://www.ads-software.com/extend/plugins/wp-table-reloaded/

Viewing 1 replies (of 1 total)
  • Plugin Author Tobias B?thge

    (@tobiasbg)

    Hi,

    that shouldn’t be too difficult. Just apply the CSS code to the images in the column, and not to the column itself. Please try with this:

    .wp-table-reloaded-id-9 .column-1 img,
    .wp-table-reloaded-id-9 .column-2 img {
      -moz-box-shadow: 5px 5px 5px #999; /* Firefox */
      -webkit-box-shadow: 5px 5px 5px #999; /* Safari/Chrome */
      box-shadow: 5px 5px 5px #999; /* Opera and other CSS3 supporting browsers */
      -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999')";/* IE 8 */
      : progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');/* IE 5.5 - 7 */
    }

    (Note the adjusted selector part in the first two lines of code. The rest is the same.)

    Regards,
    Tobias

Viewing 1 replies (of 1 total)
  • The topic ‘[Plugin: WP-Table Reloaded] Drop shadow for images inside table’ is closed to new replies.