You can refer to the following example to see how the section looks in a live site: http://infinititemplate.weebly.com/home-2.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. 1.2. Click on the section then choose Edit Background > Image > Add Image to upload a background image for the whole section. 1.3. Navigate to THIRD PARTY then drag and drop X into the section. Step 2: Choose display mode Click on a blank area of X and choose Normal 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/2 layout. 3.3. Click on SETTING. 3.4. Turn on Background Transparent to allow the section's background image to show through. 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 two 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 1
Column 2 Customize the padding. Click on Done button at the right top of the screen when you have finished with editing.
1 Comment
9/26/2018 10:12:58 pm
Nice post. I learn something more challenging on different blogs everyday. It will always be stimulating to read content from other writers and practice a little something from their store. I'd prefer to use some with the content on my blog whether you don't mind. Naturally I'll give you a link on your web blog. Thanks for sharing.
Reply
Leave a Reply. |