share buttons not aligned properly

I am using picolight theme by the way

Add this to your CSS:

.fb-like.fb_edge_widget_with_comment.fb_iframe_widget {
    margin-top: 0px !important;
}

Perhaps you will have to use negative margin.

Does this solve your problem?

There is a better way.

Add this to your CSS:
.hupso_twitter {
	margin-top: -20px !important;
}
.hupso_facebook {
	margin-top: -20px !important;
}

Change -20px to such value that buttons will be aligned properly.

Let me know if this works.

Thank you. I’ll try that when I get back home this afternoon and let you konw. I am not very savvy with CSS and HTML code though, is there a specific place where I add that code?

Thanks

You can add it at the end of style.css in your theme:
WP Admin->Appearance->Editor->style.css

Click on “Update file” button at the bottom to save changes.

Ok, it looks like we are making some progress….

I changed the value around and I found that at -25, twitter and facebook were aligned with the other ones, but now it is overlapping google and pinterest. any suggestion?

Thank you for your prompt response.

You can do similar for Google and Pinterest.
Just set margin-left and margin-right:

.hupso_google {
	margin-left: 20px !important;
	margin-right: 20px !important;
}
.hupso_pinterest {
	margin-left: 20px !important;
	margin-right: 20px !important;
}

got it fixed. thank you for your help ??