Changing the color of your sale price helps make discounts stand out and draw more attention in your ads.
In this example, you’ll learn how to make your sale_price text appear in red, which is a common practice in promotional campaigns.
Step 1: Open your design in Cropink
In Cropink, go to the Designs tab in your project.
Select your design and click Edit in Design Manager.
Inside the Design Manager, open the Manageable Layers tab to see all mapped elements from your Figma project.
Step 2: Set the sale price color
Find the sale_price layer in your layer list and click on it.
On the right panel select the color in the Color field.
In the color picker, enter your preferred color in HEX format — for example: #ff0000
This will display your sale price in a standard red color.
Step 4: Save and preview
Once you’ve set the color, click Save Changes or Save and Exit in the top-right corner.
Preview your output to ensure the sale price text now appears in red across all discounted products.
💡 Tip: You can use conditional properties the same process to apply different colors based on conditions — for example, display orange for small discounts (based on discount_percentage parameter) or green for special offers. Combine Fill Color with Conditional Settings to make your visuals even more dynamic.
✅ That’s it! You’ve successfully changed your sale price color to red — making your discounts stand out and your promotional visuals more effective.