---
title: "Advance settings to edit the position of the BigID Widget"
slug: "advance-settings-to-edit-the-position-of-the-bigid-banner-widget"
updated: 2025-10-30T14:29:51Z
published: 2025-10-30T14:29:51Z
canonical: "docs.bigid.com/advance-settings-to-edit-the-position-of-the-bigid-banner-widget"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.bigid.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Advance settings to edit the position of the BigID Widget

This page explains how to adjust the position of the BigID banner widget on your website. This is useful if the widget is overlapping other elements and needs to be moved to a different location.

### **Instructions**

1. Locate your site's main CSS file:
  - Typically, this file is named `styles.css`, `main.css`, or something similar. You can find it in your project's `css` or `styles` directory.
2. Add the following CSS rule:

```css
iframe#bigid-banner-widget {
        bottom: 100px !important;
    }
```

This CSS rule will move the BigID banner widget 100 pixels from the bottom of the page. You can adjust the `100px` value to fit your specific needs.
  - Copy and paste the following code into your main CSS file:
3. Save and upload your CSS file:
  - Save the changes to your CSS file and upload it to your web server if necessary.
4. Refresh your website:
  - Clear your browser cache and refresh your website to see the changes take effect.

### Additional Tips

- Adjusting the Position:
  - If you need to move the widget to a different position, you can change the `bottom` property to `top`, `left`, or `right`, depending on where you want to position the widget.
- Using Other Units:
  - You can use other units like `em`, `rem`, `%`, or `vh`/`vw` (viewport height/width) instead of `px` to better suit your design requirements.

By following these steps, you should be able to adjust the position of the BigID banner widget on your website without any issues. If you encounter any problems or need further assistance, contact [BigID support](mailto:support@bigid.com).