Table - Question | JoomShaper

Table

TH

Taco Hoppener

SP Page Builder 1 year ago

Good day, I've asked before. I have a table with 3 columns and I want column 1 to be 30% wide, column 2 to be 30% and column 3 to be 60% wide. how can I arrange that? or what is the custom css

0
4 Answers
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #166074

Hi Taco.

If table is built using HTML (classic method) , just add add style for <th>

<th style="width:30%">

etc.

0
TH
Taco Hoppener
Accepted Answer
1 year ago #166104

I created the table with addon.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #166109

Indeed by settings, probably it's not possible, only by Custom CSS.

0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 1 year ago #166111

On that page where you have that Table in Page Settings > Page CSS > Custom CSS area paste:

.sppb-addon-table thead > tr > th:nth-of-type(1) {width: 30%;}
.sppb-addon-table thead > tr > th:nth-of-type(2) {width: 30%;}
.sppb-addon-table thead > tr > th:nth-of-type(3) {width: 60%;}

info_3057_2024.gif

In theory should work in Desktop view, if you have Header for Table :)

if not, try that:

.sppb-addon-table tbody > tr > th:nth-of-type(1) {width: 30%;}
.sppb-addon-table tbody > tr > th:nth-of-type(2) {width: 30%;}
.sppb-addon-table tbody > tr > th:nth-of-type(3) {width: 60%;}
0