![]() ![]() You can view and modify the CSS for any element on the current page. You can use the Elements panel for a variety of tasks: Right-click on any page element and select Inspect Element.Select the Chrome menu at the top-right of your browser window, then select Tools > Developer Tools.To access the DevTools, open a web page or web app in Google Chrome. Even if you are not using a custom theme, you can follow these steps and paste your edited CSS into the Custom CSS tab in the Theme Customizer (if your theme offers this or you are using Jetpack). I did my first ever screencast to easily show you how I use the inspector every day to try out design tweaks before committing them to my custom themes. There are many uses for these great tools, but here I am focusing on using it for CSS specifically. ![]() ![]() My life as a web designer was changed once I figured out that I can use the Chrome Developer Tools Inspector to play with the CSS on my websites. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |