Whilst I’ve seen other blog posts about adding new styles for publishing sites I haven’t seen it mentioned that you can also add them for use in SharePoint foundation & Office 365 content editor web parts.
For this post I’m going to concentrate on adding a new table style, though once you’ve got the hang of it, you can also create new Styles & Markup Styles by using the same principal.
To begin we’re going to be adding new table style to the following menu within the content editor web part, as you’ll see I’ve added a few extra to my site:
Whilst SharePoint’s OOTB default table style does the job, there’s room for improvement. Fortunately with not much work you can easily add new styles, to get you started here’s the CSS and instructions to create the following:
Click Continue Reading for instructions and the CSS
To make use of any of the supplied CSS on my blog or elsewhere on the internet you may need to know how to add it to your site. Often its tempting to edit the corev4.css file, but this isn’t encouraged as your changes could be overwritten by a future service pack or could be difficult to undo. Instead here’s how to register a new CSS style sheet using SharePoint Designer 2010: