By default, Moast lets you choose between a light or dark product card style. If you want more control and need the product cards to match your brand exactly, you can do this using custom CSS.
How to Change the Product Card Color
Open your Shopify theme editor.
Click on the Moast widget app block you want to customize.
Find the Custom CSS box in the widget settings.
Copy and paste the code below:
.product {
--moast-background: #16141F;
--moast-text: #FFFFFF;
}Update the colors:
Change
--moast-backgroundto your brand’s background color.Change
--moast-textto your brand’s text color.
Click 'Save'
Your product cards will now display using your custom colors.
💡Tips
If you’re using a dark background color, choose a light text color for readability.
If you’re using a light background color, use a dark text color.
If you need help choosing colors or applying custom CSS, reach out to us through the chat bubble in the bottom-right corner.