Page 1 of 1
Docs X: how to change fonts..?
Posted: Fri Nov 20, 2020 7:16 am
by stani
Please, how to change fonts. I mean font type, size, and line height.
On the website, but also separately in the left navigation menu too.
Now is (on the website): Open Sans, 16px, line height 1,5. And I need: Noto Serif, 18px, line height 28px.
thanks
Re: Docs X: how to change fonts..?
Posted: Sat Nov 21, 2020 11:37 am
by Edi
It's explained here:
Docs X: how to change fonts..?
The CSS would be:
Code: Select all
<style>
body {
font-family: 'Noto Serif', serif;
font-size: 18px;
line-height: 28px;
}
</style>
Re: Docs X: how to change fonts..?
Posted: Sun Nov 22, 2020 7:42 am
by stani
Thanks.
But how to change (separately) font in the left navigation menu?
Re: Docs X: how to change fonts..?
Posted: Sun Nov 22, 2020 5:15 pm
by Edi
I think you mean the navigation in the right sidebar...
You can use the developer tools of your browser to inspect the code.
This shows that the plugin Navigation has the class
plugin-navigation (see screenshot below).
If for example the font size should be 20px the CSS would be:
Code: Select all
.plugin-navigation {
font-size: 20px;
}
- plugin-navigation.png (8.62 KiB) Viewed 4462 times
Re: Docs X: how to change fonts..?
Posted: Sun Nov 22, 2020 5:52 pm
by stani
I mean font on the website
AND in
the left navigation menu...
So each one separately.
Re: Docs X: how to change fonts..?
Posted: Sun Nov 22, 2020 6:23 pm
by Edi
Sorry, I meant the theme Blog X instead of the theme Docs X.
But it's the same, inspect the code with the developer tools of your browser!
For the navigation in the left sidebar the classes are
nav flex-column:
Code: Select all
.nav .flex-column {
font-size: 20px;
}
Re: Docs X: how to change fonts..?
Posted: Fri Mar 19, 2021 7:31 pm
by stani
Edi wrote: ↑Sun Nov 22, 2020 6:23 pm
Sorry, I meant the theme Blog X instead of the theme Docs X.
But it's the same, inspect the code with the developer tools of your browser!
For the navigation in the left sidebar the classes are
nav flex-column:
Code: Select all
.nav .flex-column {
font-size: 20px;
}
So I finally got to it, but unfortunately it doesn't work .... I tried font-size: 20px, 30px, or 40px, but nothing happens, the font in the left sidebar is still the same.
What I really need:
-
(separately) in the left sidebar: change font (size, type) for links. Change font (size, type) for chapter titles. Change background color.
-
(separately) for site content: change font (size, type), line height, for plain text. This same for headings. Maybe too background color - but it is not absolutely necessary (white is good for me, but someone maybe would like to change it).
Would it be possible, please?
Re: Docs X: how to change fonts..?
Posted: Sat Mar 27, 2021 5:24 pm
by stani
So after a long work (I'm a layman and I can't do it), I made
adjustments.