Searching page elements and classes

A small tip that has helped me out a bunch when I am hunting for a leftover global or nested class applied to an element.

  1. view the published site
  2. right-click inspect element
  3. option-click and toggle open the html node (cascades open all)
  4. command-f (mac) In chrome the find field is located at the bottom of the window.

Every instance is highlighted in the code. Clicking on the element in the code highlights the corresponding element instance location on the webpage.

Works to locate instances in media queries, hidden elements, interactions, inheritance and overwrites. And helps you to better understand page construction and the beauty and power of Webflows code.

3 Likes