How to make shadow box around an entire table?

You are able to add border to your table with different thinkness and color.
In order to do this, complete these steps:

  1. Open your table settings and find CSS tab:

    Data-Table-CSS-editor

  2. In the CSS tab enter this code:
    .supsystic-tables-wrap {
    overflow: visible !important;
    }
    #supsystic-table-58 {
    box-shadow: 1px 2px 1px 2px #96092a;
    }

    where 58 – is your table ID, 2px – is the width of your shadow, #96092a – is the color of your border.

  3. This is how your table will look with the code below:

 

Don’t forget to save new changes.

Categories
Latest Articles
Get plugins bundle today and save over 80%