# Use ID/class to change the position of badge/label on front store

## **Steps to manage** 

1\. Open the app > click **Badges and Labels >** open the badge/label you want to edit

2\. Click the **Settings** icon on the left > scroll down to **Design** > **Position >** select **Custom** option

3\. Enter the **ID/class** into the field to change the position of the badge on the page you want<br>

<figure><img src="https://923643257-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FVXaD6Uu3NKgHHQdE4Zm1%2Fuploads%2FCj7EUfrGfizFCMstHvJC%2Fimage.png?alt=media&#x26;token=ccaf1956-d288-4d5b-bc40-2058aafb5912" alt=""><figcaption><p>For example</p></figcaption></figure>

* You add a HTML  tag > add a class: .product-block–price on the product&#x20;
* Then you add the class to the **Position in the product page** field in the app as screenshot below
* The badge will show up right below the class you add to the product page&#x20;

4\. Click **Save** to update the changes.

> ### **Need support?**
>
> If you do encounter any difficulty while proceeding these steps, don’t show any hesitation to contact us promptly via the email address [support@samita.io](https://help.samita.io/support@samita.io)