How to create a divider Line between weebly blog posts
Tuesday May 17, 2016 | Comments
This tutorial will show you how to create and add a divider line between the blog posts in your Weebly site.
Adding a divider line between blog posts helps to differentiate between two individual blog posts, while adding definition to the theme's design.
Step 1. Open Weebly's HTML/CSS Editor
Click on "Theme" at the top, then click on "Edit HTML/CSS" on the bottom-left.
Step 2. add CSS code
On the left, select "main_style.css" and on the right, scroll down to the area that houses the blog's coding. Add the codes below to the CSS file, but if the '.blog-post' code already exists in your CSS file, then just add the bold text to it.
border-bottom: 1px solid #e9e9e9; /* Changes the line's styling */
margin-bottom: 2em; /* Change the space above the line */
margin-bottom:0; /* Deactivates the line on the last blog post */
border-bottom:0; /* Deactivates the spacing on the last blog post */
Details of Project
Level of difficulty: Beginner
Time to complete: 5 Minutes
How To Install Any Font Into Your Weebly Site
Updated on June 20, 2016
How To Create A Sidebar That Will Appear On Every Standard Weebly Page
Updated on June 11, 2016
How To Create An "<h1>" Tag In Your Weebly Site
Updated on July 9, 2016
Weebly Tricks on Facebook
Weebly Tricks on Google+