Solved SP Page Builder

how to create 5 columns?

Asked by Laurent 3 years ago Last activity 3 years ago

Hi,

How can I create a row with 5 columns and center these columns?

THanks
L.

Accepted answer

Marked as the solution
Paul Frankowski Senior Staff
3 years ago · edited

Hi Laurent,

Boostrap 5 hack >> https://mdbootstrap.com/how-to/bootstrap/columns-five/

This same in SPPB 5 Pro:

  1. New Row
  2. Columns > Custom: 2+2+2+2+2 > Generate
  3. Row Settings > Style (tab) > CSS Class: d-flex justify-content-center
  4. Page settings > Page CSS (or template custom.css):
.justify-content-center .sppb-row {
  justify-content: center; }

After using it

info_1487_2023.png

Video guide: https://youtu.be/JYwB6S4qCCo

Happy?

9 more replies

Oldest first Newest first Most helpful
Laurent Asked this
3 years ago

perfect many thanks to both of you ;-)

Laurent Asked this
3 years ago

@paul : small point, does not work when row is fluid.
how to make it work with fuild row?

Paul Frankowski Senior Staff
3 years ago

Now You have to use your CSS skills on that, it was just a example.

Check BT5 guides etc.

Laurent Asked this
3 years ago

ok thanks

Laurent Asked this
3 years ago

sorry 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.

Paul Frankowski Senior Staff
3 years ago

with proper CSS probably yes. But it's task on your hands.

Laurent Asked this
3 years ago

ok 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?

Paul Frankowski Senior Staff
3 years ago · edited

By default 5 columns are not supported, I did you a favor and you still need more and more... common.

Laurent Asked this
3 years ago

I was just asking.
THanks for your help, I will check this out.

Log in to reply.