Change font/logo modifications

kugelmeier

Hallo,

my custom wishes a new font - for example "Open Sans" - how can I change it?

Regards Klaus

pavit

Hi kugelmeier

We have a detailed Guide on how to change fonts at THIS URL

Please check it

Regards

kugelmeier

Hi,
yes I did it but nothing changes in the website:

From Google I get
<file>https://fonts.googleapis.com/css?family=Open+Sans</file> in "assets.xml"

and I changed
'Open Sans', sans-serif; in "variables.less" for these
@font-family-sans-serif: 'Roboto', sans-serif;
@font-family-serif: 'Merriweather', "Times New Roman", Times, serif;

Regards
Klaus

kugelmeier

...now I did it back again, because I m not sure what will happens in the front.
Where is my bug?

kugelmeier

Hallo,
sorry, I have seen. I had compile LESS to CSS - but now there is a bug in the main menue - the logo field gets too small. What can I do?

Regards Klaus

aman204

kugelmeier the logo field gets too small. What can I do?

Try add this to custom.css file and change width value accordingly :

.logo-image{width:190px !important;}

Kindly ensure to clear your browser cache if changes dont relect

kugelmeier

I had done it - cleared the cache - but nothing changes.

Regards Klaus

pavit

kugelmeier I had done it

I cannot see your custom.css loaded - try to enable the css optimization from your template global settings

aman204

kugelmeier Kindly check now. Ref: Screenshot

You had extra semicolon in above media query css added in custom.css file due to which it was turning invalid and not letting the specific css rule-set also to be applied. Had fixed the same and the specific css rule-set works fine now

kugelmeier

Yes thanks, its looking good!