How to Make Boxes in Side Bar

How to make it not too difficult, you just need tinkering with HTML code in your blog.
If you want to continue the way make it, please follow the steps below:
Do not forget before you make changes to HTML code, prior Backup Template with the way Download Full Template and save it on your computer. This we do to keep if you do not succeed in doing the editing can return to its original state.
1.Find the code like below:

. sidebar. widget,. play. widget (
border-bottom: 1px dotted $ bordercolor;
margin: 0 0 1.5em;
padding: 0 0 1.5em;
)

2.From the widget code above shows that the sidebar widget (page sidebar) and the main widget (page posts), has the same appearance.
So to be seen in the form of a box box, you should separate the code into a widget like the following: (you can copy the code below)

. sidebar. widget (
border-bottom: 1px dotted $ bordercolor;
margin: 0 0 1.5em;
padding: 0 0 1.5em;
)


. play. widget (
border-bottom: 1px dotted $ bordercolor;
margin: 0 0 1.5em;
padding: 0 0 1.5em;
)

3.Now you focus on your sidebar code.
In order for a separate appearance in the form of boxes, you should vary the code-code like the following example:


. sidebar. widget (

background: # 0000b3;
border: 1px dotted # C3D9FF;
margin: 0 0 1.5em;
padding: 0.5em;
)

Implies the above code: background dark blue sidebar, width 1 px border with light blue color (border width is what makes sidebar visible in the form of boxes), the distance between the widget padding of 1.5em and 0.5em.
The code can be changed according to your wishes and creativity.

4.Do the same thing to alter the appearance of the widget game. Select a suitable color variations that look more beautiful.

5.Done ...!!!

How to Make Boxes in Side Bar