Using page builder layouts

We at SwiftThemes officially support the SiteOrigins page builder plugin. You can find a tutorial on how to create custom layouts here. Here are we are going to explain how to use the prebuilt layouts you bought from the members area.

When you purchase a prebuilt layout, you get a zipped file with the following content.

• LAYOUT_NAME.json
• design-options.txt
• all-devices.css
• only-desktop.css
• only-tablet.css
• only-mobile.css
• readme.txt

Get ready

First install the page build plugin and activate it. Follow the step 0 on this page

The simple process

1. Create a new page with the page template specified in the readme file.
2. Now click on the page builder tab and click on prebuilt layouts. A modal/popup opens.
3. In the model click on import/export and drag and drop the .json file to import the layout.
4. In the zipped file you got, there will be four css files, namely
   • all-devices.css
   • only-desktop.css
   • only-tablet.css
   • only-mobile.css

Add them to their respective sections in the Custom CSS for this page section. If the box is not visible, check the screen options in the top right.