Page Builder Columns And Rows
Lee Tempest
Hello, I am workign with Page Builder. I create a new full width 12 column row. I then want to nest additional rows or columns within this parent row. When I drag from the Add Ons the row or column is added but I can never specify how many rows or columns to add.
How can I modify the nested row or columns to be more than 2 blocks? And how do I remove the padding / margin on the parent row so the nested items stay full width?
So for example I would like this code:
<div class="row">
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
<div class="col"></div>
</div>Thsi would then give me a four column grid within a parent row?
Lee Tempest
Accepted AnswerAttached is a screenshot showing the second block of my initial row. Then I drag a Row Addon which actually initially displays as two columns 50% width. How can I make this more than 2?
It seems when draggin the Row Addon it is actually inserting COLUMNS and not Rows!
Highlighted also is the padding or margin on these nested rows, which I cannot seem to remove.
PLEASE HELP!
Rashida Rahman
Accepted AnswerHi there!
Thanks for contacting us.
This documentation should help in general:
https://www.joomshaper.com/documentation/sp-page-builder/columns
In your case, navigate to your inner row from the Layers> click on the three dots> choose edit row> select 3+3+3+3 column pattarn there:
The parent row has the fluid row option: https://prnt.sc/SJ89sR-Ul5OA
For the inner row you need to use custom CSS to remove the default padding there.
Hope this helps!
Best Regards
Lee Tempest
Accepted AnswerHello, Thanks for the reply, but this does not really help answer my question.
I understand how to modify the COLUMNS to get more or less that is fine.
What I want to do is add more than 2 ROWS when dragging the Row addon.
I do not want to have to keep adding columns and then rows, I simply want FOUR rows in the same column?
Why can I not specify the number of rows like I can with columns?