Finding element in the dev tools
Hello!
I can't fint the header text on this website, the first text lying across the video.
Using the dev tools I can't seem to pick the text specifically, just the container (
<figure class="featured-media">).
How can I understand what this element is?
www.tekstlab.com11 Replies
you mean the "Vi skaper fremtidens..." text?
Yes
yup, that's it.
you can either search for the text in the inspector, or if you can't find it that way, you can start deleting elements from the inspector until it vanishes
But why doesn't the select element tool catch it (Chrome)?
when it's gone, you deleted the (parent of) the element it was in, and you can hit ctrl+z to get it back and search in that node (either manually, or by deleting children
the parent is positioned absolute, which removes it from flow and makes it hard to target without the tools prefering to select something else. It's not uncommon to have hard to target elements in a site
at first i thought it is part of the video, because i can't select the text (on mobile). then i downloaded it and realized it's not.
pulled out Kiwi browser's dev tools and unfolded the tags and found it immediately
They should have used grid ... 🙃
you don't know when that page was made grid could not be a thing yet when it was made 😉
It was made late 2022. Knowing the firm, they just did their usual wordpress standard thing ...
then maybe they needed support older browser that lack in grid implementation
i think grid is not fully supported by IE