#My Developer tools in google inspect not showing Styles

1 messages · Page 1 of 1 (latest)

wise elbow
#

My Developer tools in google inspect not showing Styles
How can i restore defaults or bring it

gloomy terraceBOT
#

To help others find answers, you can mark your question as solved via Right click solution message -> Apps -> âś… Mark Solution

supple schoonerBOT
#

The Styles pane only shows up when you’re in the Elements panel and have an element selected. A few quick fixes:

  1. Make sure you’re in Elements
  • Open DevTools → click Elements
  • Click an element in the DOM (or use the picker icon)
  • The right sidebar should show Styles / Computed / Layout…
  1. It might be hidden in the overflow (>>)
  • In the right sidebar tabs area, look for a >> (or a small dropdown) and see if Styles is there.
  1. Restore the default DevTools layout
  • In DevTools, click the â‹® (3-dot menu) (top-right) → More tools → Restore defaults and reload
    • Or: press F1 (Settings) → search “restore” → Restore defaults and reload
  1. DevTools window is too narrow
  • If DevTools is docked to the side and very narrow, the right sidebar can collapse/disappear.
  • Try undocking (â‹® → Dock side → Undock) or just drag DevTools wider.