Support Central

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

HI AzimuthDesigns

In the same 'variables.less' file, you can look for this:

// Typography
// -------------------------
@font-family-sans-serif:  "IBM Plex Sans", Helvetica, Arial, sans-serif;
@font-family-serif:       "Prata",Georgia, "Times New Roman", Times, serif;
@font-family-monospace:   Monaco, Menlo, Consolas, "Courier New", monospace;
@font-family-base:        @font-family-sans-serif;

and change to your desired font-family.

In case that you want to add/install new font, check out this tips: https://www.t3-framework.org/documentation/bs3-customization#add-fonts

Regards