How can i change layout to one two one? (in columns)

  • 1
  • Question
  • Updated 7 years ago
  • Answered
Hi,on yola they have a neat layout tool(under chage layout) that goes 1 over 2-2 over 1-1 over 3 etc etc -in other words 2 columns over 1 .
I need 1 at the top-2 under that & 1 under the two
^^like that.It isnt an option at the moment but is something that people use a lot & i would imagine others on yola would like.any way 2 do this,or would you consider it? i tried a test page but you cant move them unlike some modules that slide up & down,many thanks
Photo of sean kelly

sean kelly

  • 13 Posts
  • 0 Reply Likes
  • ace

Posted 9 years ago

  • 1
Photo of Sanja

Sanja, Official Rep

  • 10698 Posts
  • 495 Reply Likes
Hello Sean

I suggest converting to a one-column layout and then using Column Widgets and Text Widgets, you can create your own customized layout!

You can drag over a Column Divider Widget and drag the middle green axis to the right or left - allowing you to manipulate the space. You can add another Column Divider in one of the columns - allowing you to create 3 columns or more. You can also add Text Widgets to create vertical space.

Using the Column Divider is one of my favorite tools to use in the Sitebuilder. I hope you find this a useful too as well!
Photo of Sarah Charemaine Hatchett

Sarah Charemaine Hatchett

  • 2 Posts
  • 0 Reply Likes
hi this still does not let you create a 1-2-1 page. Could you please help
Photo of Gop


  • 7473 Posts
  • 2115 Reply Likes
Hello Sarah,

If you add three two column widgets one above the other:

First one drag the middle divider to the far left or right
Second One leave the divider in place.
Third, once again move it to the far left or right.

This then is your setup ready to add whatever content you wish into each of the sections through the appropriate widgets.

You could also add just one divider widget and force the single column by adding a widget in the preceding space and the following space of the divider widget. The space after adding a divider widget then is really a potential space rather than a visual space so that is why I recommended the three tiered widgets. it's easier to see.