Advance settings to edit the position of the BigID Widget

  • Published on Jul 17, 2025
  • 1 minute(s) read
  • Rodrigo Irarrazaval
  • Yossi Karp
 Prev Next

This article 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:

    • Copy and paste the following code into your main CSS file:

    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.

  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.