I’m using the Wikipedia theme made by Bluemoondragon07, my only issue with it is the default title font, but I’m struggling to get to a position where I can try the recommended solutions to change it. Even if I did get to that stage, I’m now not very confident I’d be able to implement the solutions.
Things I have tried
I’ve read the solutions already given to similar queries on this forum and within the help docs, but I think they may require some entry-level tech literacy that I don’t have, so I keep hitting roadblocks before I even get to trying the solutions. The ways I’m trying to create a css snippet or even deposit something in the snippets folder without it getting eaten don’t seem to be working; possibly because I’m on MacOS and the guides I’m reading are designed with other systems in mind but also possibly because I’m misinterpreting terms or missing something obvious, and I can’t tell which.
What do you mean by “getting eaten”? The CSS just doesn’t work? Or the file disappears or something?
Someone might be willing to write you an ELI5 guide. But I suggest, can you share the CSS snippet you were trying so far? Maybe you are close and it just needs a little tweak.
And if you are having weird file issues in the snippet folder, maybe show a screenshot of the css file in your snippet folder. (On Mac, you might have to Cmd-Shift-. to show hidden folders, or Cmd-G to navigate into the .obsidian
Yeah, getting eaten as in it vanishes, which it doesn’t seem to be doing now. I also can’t seem to get it to end in .css, it adds .rtf on, which makes me think I shouldn’t be using TextEdit for it, but I didn’t see any instructions on which program to use. Like I said, I’m lacking in tech literacy, especially on MacOS.
This is the contents of the snippet I’d been trying, which I knew wouldn’t do exactly what I’m trying to achieve, but I was hoping to work on that after I knew that the method I was using to edit things was working correctly:
{
font-family: 'Georgia', serif !important;
}
I was hoping to switch in something along these lines once I knew it was functioning:
As far as the snippets folder goes, I can access it through Obsidian directly, but can’t find it through Finder, which I’m completely sure is just due to me being unfamiliar with MacOS (I did fine on my previous PC and generally do fine on anything which works the same on both, but I never tried anything complicated). Potentially I’m using Cmd-Shift-. while the wrong thing is toggled, I’m still trying to see where I’m going wrong with that on my own.
Being eaten - This sounds like it’s probably a cloud issue. I suppose you have your vault stored in iCloud? Make sure you go to Preferences → Apple ID at the top → iCloud → Account Storage → Optimize Mac Storage → OFF!
If that is on, sometimes iCloud will offload your files into the cloud. And if you are using Obsidian Sync + iCloud, (or any combination of 2 or more sync tools, that is a recipe for disaster, because they can fight each other and duplicate or delete files. Please avoid that.)
.rtf - You can simply rename the file, but you want to save it as plain text, not rich text. rtf is rich text format and has a bunch of extra stuff in it. In TextEdit, you have to switch to “Make Plain Text”, and then you can save it as .txt or .css (If you save it as something.txt, you can simply rename the file to something.css and it will work. You cannot do this from something.rtf.)
Finding the snippets folder - I’m confused because your screenshot is showing the snippets folder. If you are in your vault folder, and you hit Cmd-Shift-. it should show hidden files, and you should see your .obsidian settings folder. But it looks like you’re already there.
I’m suggesting to use the CSS Editor to create, edit and manipulate your CSS Snippets. Then you’re certain they go in the right place, with the correct file extension, and you’ll get a nice syntax highlight editor to do your CSS changes with.
The muted text not on a “dot” (hidden) file leads me to believe it’s not actually there. If you right click near the column titles (Name, Date modified…) in the Finder, you should be able to reveal iCloud Status.
As for the CSS, once your get .css file sorted out, using the custom variables are the way to go for all viewing modes. For the inline title and heading font types, these are the ones:
