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.
"I write a review very infrequently, but Weeblytricks deserves one. Chris went above and beyond to make sure he understood the scope of what we wanted and provided a great product in a very timely manner. Will use again and would recommend!" - Arthur, 8/17/17
Weebly Tricks is a third-party Weebly 'after market' site providing tutorials, apps, 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.