Finding unique identifiers for website elements can be a pain, especially when trying to add a little custom code. There are already tools that achieve this for Squarespace, but we have struggled along with Hostinger Website Builder since we started creating new websites on the platform back in 2023.
But don’t worry, I've got just the thing to make your life easier.
We've rolled out a new Chrome extension designed specifically for Hostinger users. This tool overlays boxes on your website elements, displaying their CSS IDs. It’s super handy for quickly identifying and working with different parts of your site.
How It Works:
- Element Identification: Click the extension icon to see overlay boxes with IDs on your site elements.
- Design Adjustments: Easily locate IDs to make swift design tweaks without sifting through code.
- Quick Copy Feature: Click an ID box to copy it to your clipboard for seamless integration into Hostinger’s “embed code” area.
Why It's Useful:
This extension simplifies your workflow, making element identification and customization much smoother. Install it from the Chrome Web Store and click the icon whenever you need to overlay the ID boxes.
Give it a try and don't forget to leave us a review!
Here's the link:
Thanks,
Will