Styling a single webpart in SP

Question

How can I accomplish something like the newsfeed/social example in the link.
http://blog.creative-sharepoint.com/2013/06/5-features-for-your-sharepoint-2013-intranet-homepage/
I would like to style only one webpart, not all on a page. I've read something about giving the webpart an CssClass property or using JQuery to accomplish this, but then again I'm kind of new to this, and would really like some guidance.

Answer 1

You can use custom CSS file with custom property to style your webpart, here are some references to start with -
http://www.heathersolomon.com/blog/articles/controlling-single-web-parts-with-css.aspx
http://msdn.microsoft.com/en-us/library/office/hh537935(v=office.14).aspx
http://www.codeproject.com/Tips/493775/Apply-CSS-styles-to-SharePoint-Web-parts
The trick is to use IE/FireFox/Chrome developer tools to get the references of the webpart styles and create your own based on it.
Hope this helps!
Ram - SharePoint Architect
Blog - SharePointDeveloper.in
Please vote or mark your question answered, if my reply helps you