Enhancement idea [outline all same block elements on a page]

This topic contains 4 replies, has 2 voices, and was last updated by  dmccan 4 years, 10 months ago.

Author Posts

dmccan

Hi Sebastian,

What do you think of this as a possible enhancement?

The developer toolbar add-on for Firefox has a Outline menu option under which there is an Outline Block Level Elements menu item. When you select that it draws a line around all block level items and shows the type of block.

I was thinking that something along those lines for Microthemer would be cool. A checkbox toggle that outlines the elements on the page and also shows the selector names (like you see in Chrome tools when inspecting elements). When you click on one then it highlights that selector and any others that are the same on that page. You could then double click to edit as you do now.

The thought is to make it easy to visually see the selectors on the page and select the one you want.

Regards,

David


Sebastian

Hi David,

Thanks for the suggestion. I like the sound of this. I’d couldn’t find the outline tool you were referring to in the Firefox dev tools. I see that if I hover my mouse over the HTML that firefox creates an outline for that one element, but no options for drawing outlines on all block level elements at the same time.

Firefox element highlighting

Could you point me in the right direction please?

Thanks,
Sebastian


dmccan

Hi Sebastian,

The functionality is in the developer toolbar add-on for Firefox:

https://addons.mozilla.org/en-us/firefox/addon/web-developer/

Best,

David


Sebastian

Ah I see. Yes I can see that this would be a nice feature. I’ll have to think about how this could be achieved.

Thanks for another useful suggestion.

Sebastian


dmccan

Hi Sebastian,

Here is a screenshot of what I’m talking about:

Best,

David

You must login or register to reply to this topic.