Change the primary color

Hi,
i want to change the primary color of the whole site, the red color to #006a8b

i try the less file, variable.less, but it does not work,
i also try the custom.css and still don't work...need some help

You can simply change the brand primary color like this:

// Brand colors
// -------------------------

@brand-primary:         #006a8b;

in the variables.less file

Then access template style of JA Mason in backend of your site >> compile LESS to CSS to see the changes.

Remember to backup your site first as when you click to compile LESS to CSS, all of CSS files will be overridden.

Regards

Hi,
I try your method, it's not working.
Still have the menu hover underline red, and some hover buttom red...
I don't know what part i miss out...

h7741550 Which color you want to change to? I will give it a try.

And pls backup your site first.

I would like to change all the hover button(all the red color and small title) to #006a8b
Thankyou

Hi h7741550,
You can open the /templates/ja_mason/less/themes/light/variables.less to update the color.

Note: Run the compile LESS to CSS to see the changes.

I see
I have change to wrong less file.
It works now
Thankyou^^