Step 1. [if need be] Create a blog

If you already have a blog created, then skip to the next step.

To create a new blog in Weebly, go to "Pages" at the top, then click on "+Add" on the left, and then click on "Blog Page".

---

Step 2. Open the html/css editor

Click on "Design" at the top, then click on "Edit HTML/CSS" on the left.

---

Step 3. add css coding

Click on "main-style.css" on the left, scroll all the way to the bottom of the css file, and add the code below.

/* Blog sidebar
------------------------------------------------------------*/
.blog-sidebar {
width: 335px;
padding-left:30px
}

.column-blog {
float: right; 
width: 335px; 
margin: 0; 
padding: 0;
}

---

You're done! 
Check out your much wider weebly blog sidebar!

---

Tips & additional information

If you're discontent with the width this tutorial widens your blog sidebar to, you can make your blog sidebar even wider, or narrower than this tutorial by adjusting the orange text in the code below. The secret is to keep both numbers the same.

/* Blog sidebar
------------------------------------------------------------*/
.blog-sidebar {
width: 335px;
padding-left:30px
}

.column-blog {
float: right; 
width: 335px; 
margin: 0; 
padding: 0;
}

---

comments powered by Disqus