How To Create 5 Columns?
Laurent
Hi,
How can I create a row with 5 columns and center these columns?
THanks L.
Paul Frankowski
Accepted AnswerHi Laurent,
Boostrap 5 hack >> https://mdbootstrap.com/how-to/bootstrap/columns-five/
This same in SPPB 5 Pro:
- New Row
- Columns > Custom: 2+2+2+2+2 > Generate
- Row Settings > Style (tab) > CSS Class: d-flex justify-content-center
- Page settings > Page CSS (or template custom.css):
.justify-content-center .sppb-row {
justify-content: center; }After using it
Video guide: https://youtu.be/JYwB6S4qCCo
Happy?
Mehtaz Afsana Borsha
Accepted AnswerHello,
Please check this tutorial playlist on SP Page Builder.
https://www.youtube.com/playlist?list=PLtaXuX0nEZk93IWlTApFmAbsKNan0GxXx
https://www.joomshaper.com/documentation/sp-page-builder/columns
Remember that the columns total is 12. So you can divide like this 2+2+2+2+2+2 or 2+2+2+2+2+1+1
Best regards
Laurent
Accepted Answer@paul : small point, does not work when row is fluid. how to make it work with fuild row?
Paul Frankowski
Accepted AnswerNow You have to use your CSS skills on that, it was just a example.
Check BT5 guides etc.
Laurent
Accepted Answersorry to ask again, but with SPPB 3.X, is it possible to have a fluid row with 5 columns with full width?
because I do not see how.
Laurent
Accepted Answerok but honnestly it is not user friendly to manage odd columns.
when I select fluid row, the layout is broken. what are the css classes added when I select fluid row on SPPB?