Change menu's and header's font type

https://alevrasp.gr/en/
[ redacted, please do not post user ids here even test ones ]

You can change font type and header font by making changes in css

What is your website url ?

https://alevrasp.gr/en/
just made it public. take a look and thanks for your time!

If you are using child theme, then insert / edit following code in style.css.

You can also edit this in parent css But when theme will be updated, all the customization will be erased —- Hence this is not advisable..

/* THIS IS TO CHANGE MENU FONT TYPE/SIZE ETC
———————————————– */
#menu ul li a {
color: #505050;
font-size: 1.2em;
text-decoration: none;
font-family: georgia; /* Here to show you example, I’ve used “Georgia”
font.. You can use any.. */
}

/* THIS IS TO CHANGE HEADER FONT TYPE/SIZE ETC
———————————————– */
#logo h1 {
color: #555;
display: inline-block;
font-family: fantasy; /* Here to show you example, I’ve used “Fantasy”
font.. You can use any.. */
font-size: 52px;
font-weight: 200;
margin-bottom: 0.2em;
}

A big thanks is certainly not enough!
I have modified the menu font type but it seems it has been changed on the site only in English. If you click the Greek flag icon on the top left of the page, the font is still the same as before. Any explanation to that?

This is cos when Greek flag clicked it pulls up different style.css

It’s like for English language path is https://alevrasp.gr/en/wp-content/…

whereas for Greek path is https://alevrasp.gr/wp-content/…

So the same changes that you made to the style.css for English version, are to be made to Greek version

If you are not using child theme then please use custom CSS manager plugin : https://www.ads-software.com/plugins/custom-css-manager-plugin for both languages and put customized css code within that.

Doing so will not affect your customization in event you upgrade your theme… else you will lose all your customization once you upgrade theme..

Cheers ??

Tejas

Thanks for your quick response Tejas.
Your suggestion on using a child theme is going to help a lot.
I need your lights on a problem i am experiencing on my child theme.
After some search, i found that the child must contain a style.css with the following lines:

/*
Theme Name: Origami
Theme URI: https://siteorigin.com/theme/origami
Description: Origami is a simple, responsive media blogging theme that places strong emphasis on your content. It looks great on mobile devices, even the videos and galleries scale to fit small screens. The options panel is easy to understand with a minimal set of options. Origami includes a powerful drag and drop page builder for creating unlimited page layouts. So you can use Origami as a standard photography blog or a complete business website.
Tags: one-column, flexible-width, post-formats, custom-menu, theme-options, threaded-comments, translation-ready, photoblogging
Author: SiteOrigin
Author URI: https://siteorigin.com/
Template: origami
Version: 1.5.16
License: GPL v2.0
License URI: license.txt
*/

giving attention to the Template: origami
I have activated the the child theme and instead of having the origami theme working as expected, i get this https://alevrasp.gr/
I tried reinstalling the original theme (which works as expected if activated) but the child theme shows that junk.
Any suggestion? What’s going wrong?

I also tried to make the style.css more minimal:

/*
Theme Name: Origami
Author: SiteOrigin
Template: origami
*/

and it still displays the same.

The same also happens if i try using a child in twentytwelve theme.