the previous demo
Peter Kalmström, CEO and Systems Designer of kalmstrom.com
Business Solutions, gave an introduction to the Content
Editor web part and showed the most common use: to add the
Content Editor web part to a web part page to have the same
features as in a wiki page.
In the demo below Peter shows another way to use the Content
Editor web part: to make changes in the CSS for a page.
In his example Peter only changes one single object on the
page, an image background color in another web part than
the Content Editor. This change cannot be done by editing
the HTML source directly. You have to use the Content Editor
Add a Content Editor web part to the page.
Click on the link to add new content.
Click on the Edit Source button in the ribbon.
Paste your style code in the HTML source.
Apply and save the page.
To find the correct object name to change, press the F12
key to show the browser's developer tools. Click on the
'Select element' icon at the top left and select the element
you want to find the name for.
next demo Peter shows another way of adding CSS to a
Adding CSS to a page can also be done using the Embed tool
which inserts a minimal web part called the Script Editor