How can I change the colour of hyperlinks in Impulse Theme without affecting menu links?

Topic summary

Issue: Merchant wanted all content hyperlinks (pages, products, collections, homepage) to display in #558B19 without changing link colors in the menu, announcement bar, or footer.

Solution: Use a scoped CSS rule targeting rich-text content only: .rte a { color: #558B19; }.

Implementation: Add the rule at the very end of theme.css, or place it in Theme settings > Custom CSS in the Impulse theme. This limits styling to body/rich text areas and avoids navigation/announcement/footer components.

Outcome: The original poster confirmed it worked as intended, preventing changes to the announcement bar and main menu. Another user reported success using the Custom CSS field.

Status: Resolved. No further questions or issues reported; request made to mark the solution as accepted.

Summarized with AI on January 3. AI used: gpt-5.

Hi there

I would like any hyperlinks on pages, products, collections, home page etc to be a different colour from my main text colour BUT NOT change the links in menu, announcement bar or footer .

I found a piece of code which did work on product pages but also changed the announcement bar and main menu.

Thanks for any help anyone can offer.

Website is www.bonzadogtreats.com.au - wanting hyperlinks to be in #558B19

@BonzaDogTreats - add this css to the very end of hteme.css file and check, should look like the screenshot below

.rte a {color: #558B19;}

3 Likes

Perfect, thank you :slightly_smiling_face: Appreciate your help.

@BonzaDogTreats - please like and accept the solution.

1 Like

I added this code to the Custom CSS section under Theme settings in the Impulse theme. Worked like a charm. Thank you!

1 Like

@TheCheeseMan - nice to know that it helped you.