> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://regiostech.crisp.help/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# How can I customize the CSS?

To customize the appearance of discounts on product pages, you need to edit the CSS of the app blocks you are using.

For example, if you want to change the color of discounts on product pages, you would need to provide `color: red` as a setting to one of the blocks.

Which instructions to use depends on which app blocks you are trying to customize:

## Discounts Embed (new DOPP)
You can find CSS options in the "Discount Embed" app embed settings. They are explained [in this article](https://regiostech.crisp.help/en/article/how-to-display-discounts-on-product-pages-1sj49lh/#2-add-discount-embed).

If you're using the Discounted Price app block, you can find CSS styling instructions in the [Discounted Price Block](https://regiostech.crisp.help/en/article/discounted-price-block-1okev30) article.

## Discounted Price Block (old DOPP)
The Discounted Price app block itself has settings that can be used to add CSS rules, and the "Additional CSS Customizations" section of the article explains which CSS selectors to use if you want to add more complex styles to your site's CSS files.

# Your Feedback Matters
Your review helps keep this small business running. Please [leave one](https://apps.shopify.com/regios-automatic-discounts#modal-show=ReviewListingModal) on the Shopify App Store.