Note: Change the orange number to make your vertical line longer or shorter: style="height: 500px;"
Step 3. Add the Vertical Line CSS code
Click on "Design" at the top, and then click on "Edit HTML/CSS" in the top-right of the page. Click on "main-style.css" in the column on the left. Scroll all the way to the bottom of the CSS stylesheet and add the following code:
You're done! Publish your site to see how your vertical line looks!
Tips & Additional Information
Your vertical line will naturally reside in the center of its location. If you want the line to move to the right or the left, simply add "float:right" or "float:left" to the code from Step 2. for the desired result as shown below in orange.
Weebly Tricks is a third-party Weebly 'after market' site providing themes, tutorials, and widgets for Weebly sites. Weebly Tricks is not affiliated with Weebly, Inc in any manner. Not all tutorials work for every site and may require additional customizing. Always save your files before editing.