> For the complete documentation index, see [llms.txt](https://options-docs-v2.avisplus.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://options-docs-v2.avisplus.io/storefront-display/changing-the-option-position-on-the-product-page/getting-the-html-element.md).

# 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. 

For example, here I choose the "Quantity" element

<figure><img src="/files/Fe9DbmV2VhKoSsj2f9DU" 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="/files/d9gw9sdqkHgWjlZbL5lm" 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