#Inspect chrome android#

Copy and paste that into your custom css box in Theme Options.

Find the text selector and type “text-align: left ” or whichever way you want it aligned.

Right click the text you want to align and click Inspect Element.

New to CSS? Here’s a good tutorial to help get you started with the basics: In this case the “margin-right: 0px ” All you would need is this: *You do not need to add the code that was already there. Copy the code and paste it in your custom css box in Theme Options.Ensure that you have the look you want (in this instance, that the logo is hidden).Find the logo selector and type in “display: none ”.First right click on your logo and click “Inspect Element.” Ensure the Elements tab is open.Let’s say you want to hide your logo from your site, but you’re unsure of the css selector. You can find out the correct selector/class/div from the DevTools and test it out before actually adding the css to your site. A box should open displaying the DevTools.Works on macOS, Linux and Windows Inspect brings iOS Web debugging to macOS, Linux and Windows.

#Inspect chrome android#

From the Chrome browser right click the area you want to edit. Inspect enables you to debug Chrome and WebViews on your Android device.It essentially gives you a sneak peak of what is going on in the back-end and allows you to test out changes without actually making changes. The DevTools consist of eight main groups of tools, but this tutorial will only focus on the Elements tools. The Google Chrome Inspect Tool (or DevTools) are a brilliant tool for editing/adding css on your site.