Author: Devin Walker
Do you have pages that look bland that you want to add some color to? Perhaps you would like some a background behind your web part titles. Maybe you want to hide the recycle bin on one page, but not another. Using the Content Editor Web Part you are able to add CSS to a page to customize its look and feel. This is a great alternative to modifying core.css, using SharePoint Designer or other methods (such as specifying a custom CSS file in site settings). Follow along with this quick demonstration on just how!
So you are interested in branding your SharePoint page using the content editor web part, eh? Well, there are both benefits and drawbacks to using this method. Some people may condem this method for all its worth while others embrace it as a quick styling method. Whatever you opinion is, let’s begin:
- Navigate your browser to the page you wish to style and click Site Actions > Edit Page to check out the page.
Please note: If you do not see the Site Actions button you most likely do not have the appropriate permissions on this page.
- Click “Add a Web Part” on any web part zone zone; it doesn’t really matter since this web part will be hidden
- Add a new Content Editor Web Part and click Edit > Modify Shared Web Part
- Click on Source Editor and add some custom CSS. If you need a great reference guide please check out Heather Solomon’s guide located HERE
…Now add your CSS and click Save to see your changes
And don’t forget to hide the web part by expanding “Layout” and clicking the Hidden checkbox…
If you have comments please post them below, if you’d like to contact me then click here!
Author: Devin Walker
About: Devin Walker is a professional web designer, SharePoint enthusiast and founder of the consulting company DLOCC, Inc.. Devin has years of experience working with companies of all sizes to successfully implement, test and launch SharePoint enterprise content management systems. He writes about his experiences on his blog: DLOCC | Articles and Tutorials