What I’m trying to do
I’m trying to unbold the h1 heading. Is this possible?
Things I have tried
I tried this custom css snippet but it doesn’t seem to work.
h1{
font-weight: normal;
}
I also reduced the size of all the h1-h6 headings (below code) and it seems to apply however trying to unbold it doesn’t work. What am I doing wrong?
body {
font-weight: normal;
–h1-size: 1.30em;
–h2-size: 1.30em;
–h3-size: 1.20em;
–h4-size: 1.12em;
–h5-size: 1.12em;
–h6-size: 1.12em;
}
If it matters, I’m using the calibri font.
Give this a try. You can add the variables anywhere in your existing body
:
body {
--h1-weight: var(--font-normal);
--h2-weight: var(--font-normal);
--h3-weight: var(--font-normal);
--h4-weight: var(--font-normal);
--h5-weight: var(--font-normal);
--h6-weight: var(--font-normal);
}
--font-normal
is set at a value of 400
, so you could also replace that with a number value if you only wanted to change one. e.g.;
body {
--h1-weight: 500;
--h2-weight: var(--font-normal);
--h3-weight: var(--font-normal);
--h4-weight: var(--font-normal);
--h5-weight: var(--font-normal);
--h6-weight: var(--font-normal);
}
Have a look at the app.css
section that starts with:
/* Obsidian theme variables */
/* ------------------------ */
or the variable documentation below:
1 Like
system
Closed
3
This topic was automatically closed 7 days after the last reply. New replies are no longer allowed.