How to change colour

Store Design

Topic summary

  • Goal: Change the top announcement bar text and the sale percentage badge text to white on a Shopify store (aventacy.com). A screenshot highlights the target areas.

  • Approach 1: Edit Shopify theme code (Online Store > Theme > Edit code) and add custom code in theme.liquid before . Note: The actual code snippet was not provided in this reply.

  • Approach 2: Add a concrete CSS block in theme.liquid before to force white text:

    • Targets: .price–on-sale .price__badge-sale (sale badge) and the announcement bar text selector.
    • Sets color: #fff with !important to override existing styles.

  • Implementation detail: There is a discrepancy on where to place the CSS (before vs before ), but both methods aim to apply global overrides.

  • Status: No confirmation from the requester; no accepted solution yet. Images are included to illustrate the affected UI and where to add the code.

Summarized with AI on December 20. AI used: gpt-5.
2

Hi @Spay ,

Step 1: Go to Shopify Admin → Online Store ->Theme → Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above tag:

Hope this can help you,

If our suggestions are useful, please let us know by giving it a like or marking it as a solution. Thank you :heart_eyes:

2 Likes