You can format the app blocks using CSS, or the customize button in the Online Store tab.
Customize the product page widget
CSS should be added in Zapiet - Product Options > Settings > Theme customization, under Custom styles.
We pre-filled the Custom styles field with some default CSS which will serve as a starting point for any further customizations.
Change the hexadecimal values to the colors you need.
Should the CSS not be applied, add !important after the hexadecimal value
e.g. fill: #e6017e !important;
Customize the cart page widget
You can also edit the cart page widget through the theme settings. You can change the border radius, size and color, the padding and colors for:
Buttons
Inputs
Swatches
Tooltips
You can add this styling in Online Store > Customize > App embeds > Zapiet - Cart options.
