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.
1

Wanting to change the very top banner to white writing and the writing in the sales box where it shows percentage off to white as well shown in picture site aventacy.com

New issue.PNG
New issue.PNG599×301 12 KB

1 Like
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
3

Hello @Spay

You can add code by following these steps

  1. Go to Online Store → Theme → Edit code.

  2. Open your theme.liquid file

  3. Paste the below code before on theme.liquid

.price--on-sale .price__badge-sale, p.announcement-bar__message.center.h5 span { color: #fff !important; }

Tech_Coding_0-1725774816531.png
Tech_Coding_0-1725774816531.png761×285 15.5 KB

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

1 Like