In the "Style" tab of the template manger you can change the "Accent Color 1" for the "Main Style" row and the hover color is the accent color 2 but that will change some other item's colors as well. if that is not acceptable you can also change this in your custom css override file.

If you are using Gantry 4 (or later) you can create a file using a simple text editor for custom css and name it using this format: templatefolder-custom.css (e.g., rt_kirigami-custom.css or gantry-custom.css). For this issue add this to the custom CSS fileMore Info here: www.gantry-framework.org/documentation/j...custom_stylesheet.md

Hi cdavis411, Thank you for the reply.

When I did option 1, many other color changed as you mentioned. So, I drop this idea.

When I did option 2. I cannot see the changes. The site is here westonsuperprayer.org.uk . I create a new css file called "rt_hexeris-custom.css" and upload at /templates/rt_hexeris/css/{here}, this doesn't give any changes. When I add "!important" in the css it works, but it applied to all hyperlink including menu, buttuon, banner title etc... but I only want to change content (and module) hyperlink.

Is there anything I missed out?

Thanks
Andy

what I see at your site is the main (content) area as inline style rules setting the colors red and black for the link titled "LOVE WESTON"