Table Cell Size
DigitM
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
Rashida Rahman
Accepted AnswerHi there!
Thanks for reaching out.
Where should I find your table? May I have that specific page link?
Best Regards
DigitM
Accepted AnswerHello Rashida, Thank you for your feedback. You'll find all the information you need below. Have a nice day! Jack
DigitM
Accepted AnswerHello Rashida , Any news on my problem? Thanks for your help Jack
Ziaul Kabir
Accepted AnswerHello 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
Accepted AnswerHi,
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
Accepted AnswerHello Ziaul and thank you for your feedback. Do we agree that we have 12 columns for the tables?
Rashida Rahman
Accepted AnswerHi DigitM,
Did our suggestions help? Please let us know.
Have a nice day!
DigitM
Accepted AnswerHello 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
Rashida Rahman
Accepted AnswerHi,
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.
DigitM
Accepted AnswerYes i try it but it's not working.