How To Add CSS To Content Editor Web Part Sharepoint 2010

Adding custom CSS to the Content Editor Web Part in SharePoint 2010 is a straightforward process that allows you to customize the appearance and style of your web content.

To add CSS to the Content Editor Web Part in SharePoint 2010, follow these steps:

  1. Open the page where you want to add the Content Editor Web Part.
  2. Edit the page by selecting “Edit Page” under the Site Actions menu.
  3. Choose a web part zone on the page or place your cursor in a content area.
  4. Click on the “Insert” tab in the ribbon and select the “Web Part” button.
  5. In the web part gallery, choose the “Media and Content” category and select the “Content Editor Web Part”.
  6. The Content Editor Web Part will be placed on the page. Click on the “Click Here to Add New Content” link.
  7. Click on the “HTML” button in the Editing Tools section of the ribbon.
  8. Select “Edit HTML Source” from the drop-down menu.
  9. Add or paste your custom CSS code in the HTML source window.
  10. Click “OK” to save the changes.
  11. Use the web part Edit menu to adjust the dimensions and title of the web part.
  12. Save and publish your page when you are done.

By following these steps, you will be able to add CSS to the Content Editor Web Part in SharePoint 2010.

Please note that the sources provided have additional information that may be helpful in understanding the usage and customization of the Content Editor Web Part in SharePoint 2010.

Step-by-Step Guide for Adding CSS to Content Editor Web Part in SharePoint 2010

Follow these instructions to easily add CSS to the Content Editor Web Part in SharePoint 2010 and enhance the visual appeal of your web pages.

1. Open the page where you want to add the Content Editor Web Part.

2. Edit the page by selecting “Edit Page” under the Site Actions menu.

3. Choose a web part zone on the page or place your cursor in a content area.

4. Click on the “Insert” tab in the ribbon and select the “Web Part” button.

5. In the web part gallery, choose the “Media and Content” category and select the “Content Editor Web Part”.

6. The Content Editor Web Part will be placed on the page. Click on the “Click Here to Add New Content” link.

7. Click on the “HTML” button in the Editing Tools section of the ribbon.

8. Select “Edit HTML Source” from the drop-down menu.

9. Add or paste your custom CSS code in the HTML source window.

10. Click “OK” to save the changes.

11. Use the web part Edit menu to adjust the dimensions and title of the web part.

12. Save and publish your page when you are done.

By following these steps, you will be able to add CSS to the Content Editor Web Part in SharePoint 2010.

Please note that the sources provided have additional information that may be helpful in understanding the usage and customization of the Content Editor Web Part in SharePoint 2010.

Meet the Author

Abdul Rahim has been working in Information Technology for over two decades. Learn how Abdul got his start as a Tech Blogger , and why he decided to start this Software blog. If you want to send Abdul a quick message, then visit his contact page here.