table cell size - Forum | JoomShaper
Solved SP Page Builder

table cell size

Asked by DigitM 2 years ago Last activity 2 years ago

Hello,
I made two tables with SP Page Builder but I have a problem with the size of the cells.
In the attached screenshot, I would like table II. Informations complémentaires, the cells “Vol d'initiation” have the same width as in the table above.
Thank you for your help.
https://prnt.sc/TBLIKfioA33w

Accepted answer

Marked as the solution
Rashida Rahman Staff
2 years ago

Hi,

Did you try the code snippet I shared before? Here is again:

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

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

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

Kindly do let me know.

8 more replies

Oldest first Newest first Most helpful
Rashida Rahman Staff
2 years ago

Hi there!

Thanks for reaching out.

Where should I find your table? May I have that specific page link?

Best Regards

DigitM Asked this
2 years ago

Hello Rashida,
Thank you for your feedback.
You'll find all the information you need below.
Have a nice day!
Jack

DigitM Asked this
2 years ago

Hello Rashida ,
Any news on my problem?
Thanks for your help
Jack

Ziaul Kabir Staff
2 years ago

Hello DigitM,

Could you please check the following link: SP Page Builder Table Documentation?

Based on this guideline, please adjust the number of rows and columns in your table row item and header item accordingly.

Thank you.

Rashida Rahman Staff
2 years ago

Hi,

Thanks for the details. You can try the following custom CSS as sample:

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

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

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

Please adjust the width values according to your need.

Here is all about custom code placement in Helix3 framework: https://www.joomshaper.com/documentation/helix-framework/helix3/custom-css-header-code

Beest Regards

DigitM Asked this
2 years ago

Hello Ziaul and thank you for your feedback.
Do we agree that we have 12 columns for the tables?

Ziaul Kabir Staff
2 years ago

Yes, you can do one thing if you need others table as same as first one, then you can duplicate first one and then use them by changing text.

Rashida Rahman Staff
2 years ago

Hi DigitM,

Did our suggestions help? Please let us know.

Have a nice day!

DigitM Asked this
2 years ago

Hello Rashida,
Not really, but I've been tinkering with it.
I didn't understand whether the tables are in fact 12 columns long.
How do you manage this part so that the columns are the size you want?
Have a nice day

DigitM Asked this
2 years ago

Yes i try it but it's not working.

Rashida Rahman Staff
2 years ago

Hello,

Can you share your admin access to check, please? Kindly keep a full site backup before giving the credentials.

Best Regards

DigitM Asked this
2 years ago

it's ok now thank you

Rashida Rahman Staff
2 years ago

Hi,

Glad to know that and you are always welcome:)

Have a nice day!

Log in to reply.