Apply style on Embed Code in SharePoint 2013

This article shows how to apply the style.css effect in the Embed code feature in SharePoint 2013.

In SharePoint 2013 a new feature is introduced called Embed Code. It inserts an embedded object, HTML snippets or scripts onto the page. This SharePoint new feature is located in the ribbon when the user edits the page.

Create a new page and insert the HTML and CSS to edit the page and embed a code tab into the page.



Click on the Insert Tab in the ribbon Embed Code option there. Click on Embed code a window is shown.



Insert your HTML code and CSS content to display on the page.



Click on the Insert On page to display the content that you provided.

Now you can see that the style.css is not applied to the current content. Now to reproduce the effect we need to edit the embedded code file again and do the some modification on style.



Click on the edit page option and edit the web part.



Insert your HTML and code again and change "style" to "Script" and save the changes and refresh the page.



Again edit the page then change "script" to "style" and click on insert.



Now refresh the page. You will get content with the desired changes with CSS effect.



I hope this will help SharePoint beginners to apply the style.css changes in the embed code feature.