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.