How to customize colors in my offer?
Customizing the colors in your Monk offer enables you to align with your store’s brand and create a more engaging customer experience. By adjusting background shades, text colors, and button styles, you can ensure that your offer display looks consistent, professional, and conversion-friendly. This guide walks you through the process of editing colors through the offer settings, from basic changes to advanced customization.
Contents
Where can I find this feature?
What does this feature entail?
Where can I find this feature ?
To edit the offer's color, you can go to the Offer > Actions > Edit > Next > Part 2 : Customize text & design > Edit Display and Design > Color
What does this feature entail ?
Monk’s color customization lets you style your offer pages to match your store's overall display. You can adjust background, text, and button colors, apply your brand’s HEX/RGB codes, and even use custom CSS for advanced styling for both mobile and desktop view.
General
From this section, you can make changes to the widget/block background and the offer product image of your offer.
Header
From this section you can make changes to the offer's title and subtitle labels that will display within the widget.
Product
From this section, you can make color customizations to the offer product's name, description, price and discount label.
Button
From this section, you can make changes to the widget's 'variant' (of the offer product) / 'add to cart' button and button labels' colors.
If you want to make further changes to the button colors, you can also go to Edit display and design > 'Actions' > Add / Variant
From this section, you can make changes to the buttons' color style - whether you want to the button to have a colored border/body/text only
Please be sure to click on 'Save changes' at the top right once you have made the customizations.
Frequently Asked Questions
1) I have made changes to the widget's colors, yet it is not showing up on the storefront, what could be the reason?
This could be due to cache issues. Cache issues usually occur when users see outdated content on a website, experience slow loading times despite a fast internet connection, or encounter errors when trying to access certain pages or features. This happens when a website is opened many times on a device. This issue will not occur with a customer as they will be opening it for the first time or fewer times as compared to you. Try running a test in a fresh incognito window, ensure all other incognito tabs are closed. Doing this shall allow you to visit your store as a 'test user', while preventing the browser from remembering your browser history & avoiding any browser caching issues.
2) How to match my store's exact background color with the widget's display background?
You can set this up by copying the HEX code of the required color from your store and then pasting that to the 'block background' section under 'Color' settings. You can do the same for all the sections under the same settings. To add any further changes, you can add Custom CSS as well. Please click here for more details.
3) Can I add custom CSS to make further changes to my offer's color display?
Yes, you can also add further customizations to the display and design by adding Custom CSS. Please refer to this article.
If you have any other questions or queries please reach out to us via chat support or write to us at support@monkcommerce.com.
Updated on: 14/11/2025