code in custom.css change color menu

pagefactory

saguaros , you write
_

With the font, you edit this file: ROOT/templates/ja_morgan/less/variables.less

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

@font-size-base: 16px;
@font-size-large: 18px;
@font-size-small: ceil(@font-size-base * 0.75); // _12px

change @font-family-sans-serif to your own font

and edit the @font-size-base variable

I still want to change the font in Arial and 12 pnt and I want to change the text color (gray) into (black)

I get the error:
templates/ja_morgan/less/bootstrap.less
variable @font-family-Arial is undefined

and where can I find the text color

saguaros

pagefactory Which file did you change?

You can share the FTP account so I can check for you.

pagefactory

Yep, I did now !!

saguaros

pagefactory Which file did you make changes?

Could you backup your site first so I will compile and see how it goes?

pagefactory

yes I did Saguaros

saguaros

pagefactory Which file did you change? I asked you twice 🙂

pagefactory

in less/variables.less

https://www.joomlart.com/forums/assets/files/2023-03-23/1679605353-795090-schermafbeelding-2023-03-23-om-220159.png

Rob - pagefactory -

cssyeah

Hi @pagefactory,

I have updated the new font variable (@font-family-Arial) in the variables.less file. It should fix the errors when compiling from LESS to CSS.

Regards,

pagefactory

thank you

pagefactory

I compiling less to css and get no errors

Is my custom.css now still working ?

.head-menu {
background-color: #47494a !important;
}
.logo-image img {
max-height: 60px;
}
_.t3-section-wrap .mod-bg-gray {
background: #919194 !important;
}
.t3-mainbody > .row > div.t3-sidebar-right {
border-left: 2px solid #919194;
}

the last two I put in the custom.css after I did LESS to CSS
in the root 🇦 templates/ja_morgan/css/themes/style-2
and because it does'nt work I put the codes also in the custom.css in the root
templates/ja_morgan/css

Why does not the change work ?

regards Rob

saguaros

Hi Rob,

You custom css code is still being applied on frontend of your site, could you tell me which change you're referring to?

pagefactory

saguaros works fine now thx