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.

add spaces between blogspot widgets on sidebar of blogger blogs

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

change sidebar background colour of blogger blog
  • Click “Apply to blog”.

That’s all.

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

8 Comments

Leave a Reply

Leave a Reply

We're glad you have chosen to leave a comment. Please keep in mind that comments are moderated according to our comment policy. Your email address is required but will not be published. No keyword stuffing in the name field and commenting from blah blah blah makes no sense. Thank You.

Become Quickteller Paypoint Agent In Nigeria and Make Money From Financial Services

How I Add Sticky Ad To The Top Of Blogger Mobile View