How To Add Spaces Between Widgets On Blogger Emporio Theme Sidebar

By default, spaces do not display in-between widgets that display on the sidebar of blogs using the Emporio Blogger theme. This makes the widgets not to stand out like the way they display on sidebar of blogs using the Blogger awesome template.



Well, with a little customization, you can add spaces between the widgets.

How?

1. Set the sidebar background color of your Blogger blog to "transparent"

2. Add the code below to the css section of your blog.

.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;
}

Recommended : How To Add CSS Code To Blogger Blogs.

How Can I Change Blogger Sidebar Background Color to Transparent?

• Sign in to your Blogger dashboard at blogger.com


• Navigate to "Theme" > "Customize" > "Advanced" > "Sidebar"


• Set the "Background color" to "transparent" as seen in the screenshot below

• Click "Apply to blog".

That's all.



Feel free to check out more tips on how to customize the Emporio Blogger theme.

Share this post