Tile Position

Repositioning the Tile

For platforms implementing the FlexPay Widget you have the option to show a floating tile on any and all pages of your site with FlexPay promotion information, positioned in the bottom right corner of the screen. This can be used to launch the widget and browse available offers.

While the bottom right corner is often the most effective location, sometimes the tile might obscure other elements of your page or interfere with other site navigation. To modify the positioning of the tile, you can use the CSS part pseudo selector in the following manner:

::part(tile) {
  /* As an example */
  position: absolute;
  left: 10px;
  bottom: 10px;
}