#1 Weebly Page Layouts Builder
X App - #1 Weebly Page Layout Builder
  • Home
  • Examples
  • Guide
  • Tutorials
ADD X
  • Home
  • Examples
  • Guide
  • Tutorials

Tutorials on Creating Sections

3 Columns - Type 6

11/22/2016

0 Comments

 
Picture
You can refer to the following example to see how the section looks in a live site: http://x-template.weebly.com/home-3.html
Step 1: Drag & drop X element
1.1. Within Weebly Editor, click on Build tab, navigate to STRUCTURE then drag and drop Section into the right position of your building page.
Picture
1.2. Click on the section then choose Edit Background > Color > Change Color. Enter the 6-digit HEX code #111111 (black color) into the field.
Picture
1.3. Navigate to THIRD PARTY then drag and drop three X elements in series into the section.
Picture
The following Step 2 and Step 3 are the same for all three X elements.
Step 2: Choose display mode
Click on a blank area of X and choose Normal in a pop-up Settings box.
Picture
Step 3: Configure the column
In the Setting box, click on Configure Layout Settings to show the Settings panel.
3.1. Click on LAYOUT.
Picture
3.2. Choose the Full layout.
Picture
3.3. Click on SETTING.
Picture
3.4. Choose a background color.
Picture
3.5. Set font sizes for title and text; and customize the border.
Picture
Picture
3.6. Turn on Equalize Column Heights option to make sure you set equal height for all columns inside.
Picture
Click on Done button at the right top of the screen when you have finished with editing.
Picture
0 Comments



Leave a Reply.

    Author

    Write something about yourself. No need to be fancy, just an overview.

    Archives

    November 2016

    Categories

    All
    2 Columns
    3 Columns
    4 Columns

    RSS Feed

Picture
Follow for more products and inspiration
made with love by baamboo studio

Stunning Examples