Docs X: how to change fonts..?
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
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
- Edi
- Site Admin
- Posts: 3121
- Joined: Sun Aug 09, 2015 5:01 pm
- Location: Zurich
- Has thanked: 54 times
- Been thanked: 78 times
- Contact:
It's explained here:
Docs X: how to change fonts..?
The CSS would be:
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>
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
- Edi
- Site Admin
- Posts: 3121
- Joined: Sun Aug 09, 2015 5:01 pm
- Location: Zurich
- Has thanked: 54 times
- Been thanked: 78 times
- Contact:
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:
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;
}
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
- Edi
- Site Admin
- Posts: 3121
- Joined: Sun Aug 09, 2015 5:01 pm
- Location: Zurich
- Has thanked: 54 times
- Been thanked: 78 times
- Contact:
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:
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;
}
Clickwork - Websites mit Bludit | Planet Bludit - Tipps und Snippets
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.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; }
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?