Moast widgets have a transparent background by default. To change the background color, you need to add custom CSS to the section background.
ℹ️ Adding CSS directly to the Moast app block won’t work.
How to Change the Background Color:
Open Theme Editor.
Go to the section where your Moast widget is added.
Click on the "Apps" section and go to "Custom CSS"
Add the following CSS to your section:
.shopify-app-block {
background: #eee;
}
5. Change #eee to the color you want.
6. Click 'Save'. Your widget will now display with the new background color.
ℹ️ Note that the CSS class name might differ depending on your theme. If you're having trouble, reach out to us through our support chat by clicking the bubble in the bottom right of this screen.