Help With Column Widths In SPPB Table Add-on - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →
Back to the questions

Help With Column Widths In SPPB Table Add-on

H

Hector

SP Page Builder 4 years ago

Hello friends,

I need a bit of help to define the column widths in some tables.

I am using the SPPB table add-on (which is great, by the way. The more I use your builder, the more I am impressed by it).

The tables are in this page: https://staging.aprendemindfulness.org/aprende/curso-avanzado-en-linea

I need to specify the width of the columns like this:

1st column: 5% 2nd column: 70% 3rd column: 25%

(Obviously this would not apply to the header row)

I tried several ways of specifying this in the CSS, such as:

<colgroup> <col style="width: 5%"> <col style="width: 70%"> <col style="width: 25%"> </colgroup>

but I was not successful.

Could you please help me?

Many thanks, Hector

0
Website
https://aprendemindfulness.org/
3 Answers
Order by
Oldest Newest Votes
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #4553

Hi there!

You can use the following structure I guess:

td:nth-child(n) {  
  /* your stuff here */
}

The following sample code may help you on this:

.sppb-addon-table-main td:nth-child(1) {  
   width:5% !important;
}

.sppb-addon-table-main td:nth-child(2) {  
   width:70% !important;
}

.sppb-addon-table-main td:nth-child(3) {  
   width:25% !important;
}

Best Regards

0
H
Hector
Accepted Answer
4 years ago #4556

Thank you Rashida!!!

That worked =)

I appreciate your help, Hector

0
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 4 years ago #10260

Glad to know that!

You are always welcome:)

0