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
Within Weebly Editor, click on Build tab, navigate to THIRD PARTY section then drag and drop X into the right position of your building page.
Step 2: Choose display mode
Click on a blank area of X and choose Fullwidth in a pop-up Settings box.
Step 3: Choose column structure
In the Setting box, click on Configure Layout Settings to show the Settings panel.
3.1. Click on LAYOUT.
3.2. Choose the 1/2 - 1/4 - 1/4 layout.
3.3. Click on SETTING.
3.4. Choose a background color.
3.5. Set font sizes for title and text; and customize the margin.
3.6. Turn on Equalize Column Heights option to make sure you set equal height for all three columns.
Step 4: Customize each column
Corresponding to each column, click on each box to create your own custom settings that include: background; title and text color; border color, thickness, types; padding; effect; etc.
Column 2 & 3
Customize the padding.
Click on Done button at the right top of the screen when you have finished with editing.