[SOLVED] What's the correct css to use to change font?

I added this to the overrides
.cb_template {color: #000000;font-family: "Montserrat",sans-serif;font-size: 0.85em;}
but that also hit's the backend

The cb_template class surrounds all of CB. Frontend and backend alike. You need to make your selector more specific. Each view has a unique container CSS class in frontend or you can use a selector that includes a Joomla class to try limiting it to frontend only like body.site .cb_template as body.site is for frontend while body.admin is for backend.

Ok, I tried finding a combination that worked, so far I've just taken each component, but it would of course be nice to just have a 'top class' define it for all cb things in the front end.
I've taken a snap of the css hierachy:

I tried using
.body.wrapper-website.cb_template {color: #000000;font-family: "Montserrat",sans-serif;font-size: 0.85em;}
but that didn't do it, so far I'm setting it for each part:
.cbProfile, .cbEditProfile, #cbActivity {color: #000000;font-family: "Montserrat",sans-serif;font-size: 0.85em;}

wrapper_website isn't on the body. It's on a div in the body. cb_template also isn't on wrapper_website. The below should work fine.


We're not going to add CSS classes to denote frontend or backend usage. That's what your template should be helping with, but your template doesn't have the standard "site" CSS class on the body.

Thankyou very much Kyle, you should adhere to standards, and nothing else, my hope is that others will too