Moving Blocks of Column from One Row to Another
Dragging one block of column from one row to another is not merely possible in WPBakery Builder. However, it is still possible moving a block of information to another row using another method. To do so, follow the steps below:
Make sure you are login on your website's back-end and click the page you want to edit.
Say we wanted to switch Maria Lundqvist and Karen Lund position.
For us to do this.....
Hover your mouse on the columns icon and click on Custom.
Under Row Layout dialog box change the original custom layout row to 1/5 + 1/5 + 1/5 + 1/5 + 1/5 or by just clicking on the 5 columns on the farthest right. By doing this we are setting up a new column where we can drag and drop information of Karen Lund.
This will be the output once clicking on Update button.
Now drag and drop Karen's image first followed by her name in text and so on to the new column you've added.
Do the same step with Maria Lundqvist. Move the image first followed by the text up until the last element to the second row.
Once done moving, you can delete the extra column since you won't be needing it anymore.
Click again Custom link and change the setting of the row back to its original setup which is 1/4 + 1/4 + 1/4 + 1/4 or by just simply clicking on the Row Layout with 4 columns on it.
Now you can simply drag and drop blocks of columns to how you want them to appear in the front-end.
Finally, do not forget to hit on Update button to save all the changes you made in the back-end.
Is this tutorial unclear? If you do not find the training you are looking for, please send us a detailed email to hello@lightningsites.com.
Make sure you are login on your website's back-end and click the page you want to edit.
Say we wanted to switch Maria Lundqvist and Karen Lund position.
For us to do this.....
Hover your mouse on the columns icon and click on Custom.
Under Row Layout dialog box change the original custom layout row to 1/5 + 1/5 + 1/5 + 1/5 + 1/5 or by just clicking on the 5 columns on the farthest right. By doing this we are setting up a new column where we can drag and drop information of Karen Lund.
This will be the output once clicking on Update button.
Now drag and drop Karen's image first followed by her name in text and so on to the new column you've added.
Do the same step with Maria Lundqvist. Move the image first followed by the text up until the last element to the second row.
Once done moving, you can delete the extra column since you won't be needing it anymore.
Click again Custom link and change the setting of the row back to its original setup which is 1/4 + 1/4 + 1/4 + 1/4 or by just simply clicking on the Row Layout with 4 columns on it.
Now you can simply drag and drop blocks of columns to how you want them to appear in the front-end.
Finally, do not forget to hit on Update button to save all the changes you made in the back-end.
Is this tutorial unclear? If you do not find the training you are looking for, please send us a detailed email to hello@lightningsites.com.
Updated on: 12/02/2022
Thank you!