# Getting the HTML element

**Step 1:** On your live Product page, click Right Mouse -> Inspect.

**Step 2:** Press this key combination Ctrl + Shift + C and point to the element you want to use for the positioning of options. Kindly make sure that you choose the whole element, not just the title of that element.&#x20;

For example, here I choose the "Quantity" element

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2F2pnH1FPc9agz1CeMODMU%2FScreenshot_11.png?alt=media&#x26;token=121d11dc-b97e-4c05-8eaf-a810bb0e0c53" alt=""><figcaption></figcaption></figure>

**Step 3:** Here you will see a line of code for that element, copy the class of that element and then fill it in the element box for option position.&#x20;

For example, the "Quantity" element has this code: \<div class="product-form\_\_input product-form\_\_quantity">

This would be the HTLM element we need: product-form\_\_input product-form\_\_quantity

<figure><img src="https://3264408981-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F3ClFZbSMFYUfUOKXAOru%2Fuploads%2Ffc4vPSVJdZ4in83tADdw%2FScreenshot_12.png?alt=media&#x26;token=86831348-a2d8-428b-9974-c7e39ea9be11" alt=""><figcaption></figcaption></figure>

**Step 4:** After you get the class, add “.” at the top and replace the space characters with “.” to finish, and then hit "Save changes".&#x20;

For example: product-form\_\_input product-form\_\_quantity -> .product-form\_\_input.product-form\_\_quantity
