A user seeks to change the color of hyperlinks within their collection page description, which currently appear in black and clash with their background color. They also want to know if modifying this will affect link colors site-wide.
Proposed Solutions:
base.aio.min.css targeting .rte a elements to override link colors (includes code snippet and visual example)Key Consideration:
The CSS approach may affect all links styled with the .rte class throughout the site, while the theme editor method appears more targeted to collection descriptions.
Status: Multiple solutions offered; awaiting user feedback on which approach works best for their needs.
Hello,
Can someone point out where I can change the colour of the links which are located within the collection description (image attached)
coll
as they are currently black which doesn’t work well with my background colour.
Also if I change it for this can you let me know if the link colour will change everywhere on my website as I will then have to consider which colour would work across all pages etc.
Thank you,
Hi @Corinne33
please share your store url & password
Hello @Corinne33
Go to online store ----> themes ----> actions ----> edit code ----> assets ----> base.aio.min.css
add this code at the end of the file and save.
.rte a {
color: red !important;
}
result
If this was helpful, hit the like button and accept the solution.
Thanks
@Corinne33 hey, thanks for posting here.
can you please share the link to inspect it, thanks.
Hi @Corinne33 ,
To change the color of the link in the collection description. You don’t need to add any additional code for that, you can change the color of the link within the collection. See attached for proper understanding
If that works for you. Don’t forget to like and accept the solution
Thanks!
