First, search the help docs and this forum. Maybe your question has been answered! The debugging steps can help, too. Still stuck? Delete this line and proceed.
What I’m trying to do
Things I have tried
I can’t make my titles bigger
First, search the help docs and this forum. Maybe your question has been answered! The debugging steps can help, too. Still stuck? Delete this line and proceed.
I can’t make my titles bigger
Are you using a theme? The default theme should render headings sized similarly to the screenshot below (save that the font face and zoom levels might differ).
# Heading 1
one text
## Heading 2
two text
### Heading 3
three text
#### Heading 4
four text
##### Heading 5
five text
###### Heading6
six text
As eightning said, its likely your theme!
obsidian://show-plugin?id=obsidian-style-settings
In most cases, you can change your theme settings using Style Settings
If you’re unsure about heading sizes, here’s a reference,
Heading Size: em | |
---|---|
–h1-size: 2.5em; | |
–h2-size: 1.75em; | |
–h3-size: 1.50em; | |
–h4-size: 1.25em; | |
–h5-size: 1.08em; | |
–h6-size: 0.92em; |
If your theme doesn’t have Style Settings you can use a CSS snippet,
body {
--h1-size: 2.5em;
--h2-size: 1.75em;
--h3-size: 1.50em;
--h4-size: 1.25em;
--h5-size: 1.08em;
--h6-size: 0.92em;
}
title-sizes.css (134 Bytes)
Go to your vault using the file explorer app, click .obsidian, click snippets, then place the file in that folder
Afterwards, enable it in obsidian by going to settings > appearances, then scroll to the bottom and toggle title-sizes
I followed you is instructions no problem, except that once activating it does nothing there is nothing more nothing less
Do you have “Source Mode” turned on? It’s the 2nd option on the “Editor” settings. (The first page of settings, if the name is different in your language settings.)
If so, turn “Live Preview” on instead.
yes it was already activated
J’ai examiné le code CSS du thème Wasp que vous utilisez et il semble changer manuellement toutes les tailles d’en-tête (sans variables) et leur donner une déclaration importante. Ça a dû être la galère. Je suis désolé de ce qui t’arrive,
.cm-header-1 {
font-size: 18px;
color: var(--text-title-h1) !important;
}
.cm-header-2 {
font-size: 18px;
color: var(--text-title-h2) !important;
}
.cm-header-3 {
font-size: 18px;
color: var(--text-title-h3) !important;
}
.cm-header-4 {
font-size: 18px;
color: var(--text-title-h4) !important;
}
.cm-header-5 {
font-size: 18px;
color: var(--text-title-h5) !important;
}
.cm-header-6 {
font-size: 18px;
color: --text-normal;
color: var(--text-title-h6) !important;
}
.markdown-preview-view h1 {
font-size: 20px;
line-height: 24px;
color: var(--text-title-h1) !important;
}
.markdown-preview-view h2 {
font-size: 20px;
line-height: 24px;
color: var(--text-title-h2) !important;
}
.markdown-preview-view h3 {
font-size: 20px;
line-height: 24px;
color: var(--text-title-h3) !important;
}
.markdown-preview-view h4 {
font-size: 20px;
line-height: 24px;
color: var(--text-title-h4) !important;
}
.markdown-preview-view h5 {
font-size: 20px;
line-height: 24px;
color: var(--text-title-h5) !important;
}
.markdown-preview-view h6 {
font-size: 20px;
line-height: 24px;
color: --text-normal;
color: var(--text-title-h6) !important;
}
Voici les modifications apportées au thème Wasp, vous pouvez simplement remplacer le fichier styles.css dans le dossier “Wasp” par celui-ci,
.cm-header-1 {
color: var(--text-title-h1);
}
.cm-header-2 {
color: var(--text-title-h2);
}
.cm-header-3 {
color: var(--text-title-h3);
}
.cm-header-4 {
color: var(--text-title-h4);
}
.cm-header-5 {
color: var(--text-title-h5);
}
.cm-header-6 {
color: var(--text-normal);
color: var(--text-title-h6);
}
.markdown-preview-view h1 {
color: var(--text-title-h1);
}
.markdown-preview-view h2 {
color: var(--text-title-h2);
}
.markdown-preview-view h3 {
color: var(--text-title-h3);
}
.markdown-preview-view h4 {
color: var(--text-title-h4);
}
.markdown-preview-view h5 {
color: var(--text-title-h5);
}
.markdown-preview-view h6 {
color: var(--text-normal);
color: var(--text-title-h6);
}
En plus de ça,
.body {
--h1-line-height: 2em;
--h2-line-height: 2em;
--h3-line-height: 2em;
--h4-line-height: 2em;
}
Voici le fichier,
theme.css (7.0 KB)
Allez dans votre dossier de thèmes dans le gestionnaire de fichiers (.obsidian > themes > Wasp), puis remplacez “theme.css” par ce fichier.
S’il vous plaît, laissez-moi savoir si cela a résolu votre problème!