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.
Browser developer tools - SharePoint Tutorial
From the course: SharePoint 2019: Customizing with Themes and CSS
Browser developer tools
- [Instructor] Something that's really going to come in handy as we work with CSS elements are the developer tool that are built into almost every browser. The developer tools will allow you to pinpoint objects on the page and see their properties. The good news is that the developer tools are not only available in every browser but you also turn them on more or less the same way. Let's start on the Home page of our site. I'm going to start this demonstration in Internet Explorer but this step is almost exactly the same in Chrome, and Firefox and Edge and everything else, I simply press the F12 key and there it is, there are the developer tools. If I want to close it, I just press F12 again and it's gone. You can also find the developer tools from the browser menus. Now, here's where there's a few differences. Explorer and Edge are the easiest. You simply click for the menu and you say Go to Developer Tools. And there we are. And F12 and we're gone again. In Firefox, you have to go…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.
Contents
-
-
-
-
(Locked)
Browser developer tools2m 41s
-
(Locked)
Knowing what CSS elements to change3m 17s
-
(Locked)
Modify site navigation fonts and backgrounds8m 15s
-
(Locked)
Modify site navigation widths and drop-down menus5m 56s
-
Modify site navigation placement9m 23s
-
(Locked)
Challenge: Modify the navigation font and background colors2m 3s
-
(Locked)
Solution: Modify the navigation font and background colors2m 46s
-
(Locked)
-
-
-
-
-