How to change table and cell size

To change table and cell size you can add something like this to the editor under CSS tab:


#supsystic-table-6 tr td:first-child {
width: 70px;
Here select width what you need
}

OR


#supsystic-table-6 tr td:first-child(3) {
width: 70px;
Here select width what you need
}

Where :first-child – will selected only first column.

For another column use :nth-child(3) (where 3- it is any number of your column)

It will set 70px width (+ cell paddings) to the every first cell at the each row.

Alternatively you can change the size of the table. Just add to the CSS tab something like that:

#supsystic-table-6_wrapper {
width: 50%;
// Makes table width 50% of content width
float: left;
// Specifies that an element should be taken from the normal flow and placed along the left or right side of its container, where text and inline elements will wrap around it.
margin-right: 10px;
// Makes a 10px space from right between table and other content

Get plugins bundle today and save over 80%