Skip to main content
Widget Editing

Request for font, size, alignment, and color modifications for the Widget

Updated over 2 months ago

To modify the Widget characteristics, you need to set the CSS field within the Plugin or App backend.

To precisely locate the section to be modified, consult the following link to our Documentation https://intercom-help.eu/scalapay/it/articles/200339-modifica-widget#.

Once you have identified the field, insert the following codes to modify the Widget.

CSS Codes for Widget editing

  • Logo Size
    Not editable for Plugins. On Shopify, a scroll bar is available to adjust the size.

  • Wording Size

font-size:14px;
  • Logo Color

filter: invert(1);
  • Widget Margins

margin-bottom:10px; margin-top:10px;
  • Widget Alignment

text-align:right; text-align:left; text-align:right!important;


Specify the Widget for Unique CSS Fields

If the CSS field is unique and requires specifying which Widget to reference include the code as follows:

.scalapay-widget-area-product { text-align: right; } 

.scalapay-widget-area-cart { text-align: center; font-size: 11px; margin-bottom: 5px; }

Important Note

The font cannot be modified due to company policy.



Did this answer your question?