Changing 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 select only first column.

For another column use :nth-child(3) (where 3 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 it.
margin-right: 10px;
// Makes a 10px space on the right side between table and other content.

Categories
Latest Articles