If you need to identify the register, login or account page structure for a custom CSS requirement, you can do that by using the available tools of your browser.
Firefox #
- We recommend installing the free Firebug developer extension for Firefox. Download the extension and follow the installation instructions. You can find it here.
- Once installed, click on the Firebug icon in your Firefox browser menu, or go to Tools in the top menu bar and select Web Developer -> Firebug and click Open Firebug.
- Visit your showcase pages.
- Right click on the desired element and select Inspect Element with FireBug.
- Click on the HTML tab and check the right-side tab where Style is provided.
Chrome #
- Visit your showcase pages.
- Go to the View menu in the top menu bar and scroll down to the Developer option.
- Click on Developer Tools.
- Right click on the desired element and select Inspect.
- Click on the Elements tab and check the right-side tab where Style is provided.
Once you’ve identified the HTML and CSS structure for your element, you can further use it for other customisations and configurations.