# 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://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2FAiaYl0LEq4PQSWAJLtyt%2FScreenshot_11.png?alt=media&#x26;token=f9dc7cfa-43c4-41f9-ae66-0f980bbd7f38" 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://3194075862-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FJseK5v5Ihuf7omFl8V9U%2Fuploads%2FQEx8lfDWGWRZKhmebtzS%2FScreenshot_12.png?alt=media&#x26;token=9e2fae30-f853-410e-8214-4328c6c49768" 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
