From the course: SharePoint 2019: Customizing with Themes and CSS

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

How to use your custom CSS elements

How to use your custom CSS elements - SharePoint Tutorial

From the course: SharePoint 2019: Customizing with Themes and CSS

Start my 1-month free trial

How to use your custom CSS elements

“

- [Instructor] So, we've created custom elements. Now how are we going to use them? Well, the bad news is we're not going to be able to use the style sheet to give us a site-wide solution. We're actually going to have to infuse our code into individual pages where we want our elements to take effect. The good news is it's relatively easy to do this, and we only have to do it once per page as opposed to every content area. Plus, your code could be reused over and over in your site. Now let's look at a blank web part page in Edit mode. We're going to start by embedding some code into the page. Click the Page tab, and click in here, and we need to Insert, we need to Embed some code. The code is fairly simple. We just need to put in a HTML style tag and the type is going to be text/CSS, and we close that off there. Now, what we need to do is paste in all of the custom CSS that we created earlier, so I'm going to go over here, there's all my stuff. I'm going to copy this, and I'm going to…

Contents