Hi AzimuthDesigns
If you want to change globally, I recommend you to work with LESS files in template.
Basically, all variables will be defined in this LESS file:
ROOT/templates/ja_aiga/less/variables.less
It depends on the theme you're using that you can edit the same file in the associated theme folder, for example:
ROOT/templates/ja_aiga/less/themes/light/variables.less
Now back to the services page on your site, that section is using JA ACM module, you can find the style declared in the file:
ROOT/templates/ja_aiga/less/acm.less
Look for this code:
// Action
.action {
background: @brand-primary;
border-radius: 50%;
border: 0;
color: @btn-primary-color;
display: inline-block;
text-align: center;
line-height: @t3-global-margin;
margin-top: @t3-global-margin;
height: @t3-global-margin;
width: @t3-global-margin;
&:hover,&:focus,&:active {
background: darken(@brand-primary, 10%);
}
}
You can see the variable of background and text color: @brand-primary and @btn-primary-color
These variables are declared in the 'variables.less':
@brand-primary: #dec180;
@btn-primary-color: @black;
You can change color there to color you wish.
Once done, you need to compile LESS to CSS (Remember to backup your site first) https://www.t3-framework.org/documentation/bs3-configuration#compile-less