Emporio Blogger Theme: How To Add Spaces Between Widgets on Side Bar


Customization is a must-to-do task after applying or changing to any Blogger Theme. Here is a tutorial on How To Add Spaces Between Widgets in Blogger Emporio Theme. By doing so, this makes the widget on the sidebar to stand out just like the way they display on blogs using Blogger awesome template.

By default, this feature is not included in the Blogger Emporio Theme so if you want to add spaces in-between the widgets of your sidebar, then follow the steps below.


Steps on How To Add Spaces Between Widgets in Emporio Blogger Theme

Step 1: Go to Blogger Account >> Blogger Dashboard.

Step 2: Select Theme Tab >> Customize.


Step 3: After Selecting, Customize Tab will Open >> Click on Advanced >> CSS.


Step 4: Now copy the code below and paste it there.

Code:

     .sidebar-container .widget {
    margin : 0 0 1.5em;
    border: 2px solid #CECECE;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
    background-color: white;
    }


Step 5: Click on Appy to Blog.

How To Activate Style 1

After successfully pasting the CSC Code, now to activate Style 1 all you need to do is to go to Blogger Dashboard >> Theme >> Customize >> Advanced >> Sidebar.

Now Set Background colour to #F6F6F6 then click on Apply to Blog.


How To Activate Style 2

Go to Blogger Dashboard >> Theme >> Customize >> Advanced >> Sidebar.

Now Set Background colour to Transparent then click on Apply to Blog.


N.B: After pasting the CSS Code always hit enter key at the end of the code before applying to blog, Always reload your blogs home page to see the result. Cheers Hope This works!