And, the great part is, is that they are so easy to add!!
HTML is not a scary "language" and when it comes to borders I think it is very self explanatory!
So, here is what you do.
+Head to your html. This is located under your template tab in your dashboard. You will click "Edit HTML."
+When you have your HTML in front of you, press CTRL and F at the same time. You will see a little search bar pop up. Type in #main-wrapper.
This will bring to a section that looks like or similar to this:
#main-wrapper {
width: 670px;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
margin-right: 5px;
margin-left: 5px;
float: left;
background: #ffffff;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 300px;
margin-right: 5px;
margin-left: 5px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
Notice my bold green font. I added these pieces of code in my html to create my borders around my main wrapper. You can add it to your sidebars too! It's make sure to not forget the dash, colons, and hash tags. Every piece you see in that code is very important, if I were you and I was going to try this out the first time I would just copy and paste the code from here to my html.
Goodluck! If you have any questions send me an email! :)
