How to identify the showcases structure

Table of Contents

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 #

  1. We recommend installing the free Firebug developer extension for Firefox. Download the extension and follow the installation instructions. You can find it here.
  2. 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.
  3. Visit your showcase pages.
  4. Right click on the desired element and select Inspect Element with FireBug.
  5. Click on the HTML tab and check the right-side tab where Style is provided.

Chrome #

  1. Visit your showcase pages.
  2. Go to the View menu in the top menu bar and scroll down to the Developer option.
  3. Click on Developer Tools.
  4. Right click on the desired element and select Inspect.
  5. 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.