Using Inspect Element

The articles below will run you through the basics of using Inspect Element, a feature used thousands of times per day by designers, developers, writers and marketers for various reasons.  One of the main reasons we want to introduce the feature to you is that it's super useful for preview how CSS changes will appear before you actually add the CSS to a page in Radmin.  Aside from helping with custom CSS, the feature is also helpful for for grabbing images off the web, quickly creating mockups / screenshots, troubleshooting small errors on your own and much more.

Rather than try to write up our own explanation, we thought it'd be best to lean on the pros for this one.  
Here are a few well written resources to run you through the basics of the Inspect Element feature:
Zapier's Inspect Element Tutorial
Google's Inspect Element Documentation
Firefox's Inspect Element documentation

If you're more of a visual learner...
There are quite a few Youtube videos to run you through the basics of using Inspect Element:
TechWiser's "5 Cool Inspect Element Hacks"
GeekThis's "Google Chrome: Inspect Element / Developer Tools"
GoodLayers's "How to Use Google Chrome Inspect Element Tool"


Don't worry, you won't break anything

No need to be nervous about using Inspect Element!  The changes you see in your browser when using the feature are only visible on your computer, they do not actually get applied to the page until you copy/paste/apply them to the actual page's Custom CSS field in Radmin.  And no need to be nervous about adding Custom CSS to an individual page.  The changes can always be reversed by removing the CSS.  

Copying Custom CSS into Radmin

Once you've previewed your CSS changes inside the Inspect Element panel, you will need to copy/paste each individual CSS change into the specific page's Custom CSS block in Radmin.  


Comments