Center Instagram Feed & Spacing

Hello!

I think I can lend a hand. First, for the centering:

Right now, you have the following rules assigned to your .si_items:

.si_feed_widget .si_item {
  width: 100%;
}

Additionally, your stylesheet is adding padding to the li items in your sidebar. So essentially, the CSS is causing the .si_items to be 100% the width of your sidebar, and then adding padding to the outside, which causes them to shift over.

There are a couple of solutions to this, such as reducing the width of your .si_items to something less than 100%. However, if you aren’t concerned with IE7 compatibility, I suggest using the box-sizing style to fix this. Basically what this does is causes the .si_items to always respect the width attribute, regardless of padding. Instead, the padding gets applied to the inside of the box and makes the contents proportionately smaller.

So basically, you can modify your stylesheet to be as follows:

.si_feed_widget .si_item {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

And that’ll cause the items to expand to no more than 100% of the sidebar, and then apply padding inside.

As far as the profile issue, I don’t currently see the profile on your sidebar. However, it’d be a simple matter of adding a margin-bottom to the profile widget in your stylesheet to separate the two.

Hopefully that’s helpful!

mr_speer