Help with column widths in SPPB table add-on - Forum | JoomShaper
Solved SP Page Builder

Help with column widths in SPPB table add-on

Asked by Hector 5 years ago Last activity 5 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

Accepted answer

Marked as the solution
Rashida Rahman Staff
5 years ago

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

2 more replies

Oldest first Newest first Most helpful
Hector Asked this
5 years ago · edited

Thank you Rashida!!!

That worked =)

I appreciate your help,
Hector

Rashida Rahman Staff
5 years ago

Glad to know that!

You are always welcome:)

Log in to reply.