# Obsidian Publish
> [!overview]
> parent:: [[Obsidian]]
> url:: https://obsidian.md/publish
Obsidian Publish is a product by [Obsidian](http://www.obsidian.md/) and if you’re reading this note (and aren’t [[Leah Ferguson|me]]) then chances are you’re reading this on [my Publish](http://publish.obsidian.md/leah).
---
# # CSS snippets
These are the three snippets I get asked about the most. Here ya go.
### Hide page header
This removes the note titles, which is really helpful if you want a different title instead of your file name. (This is especially helpful for my **50 References** material, where [[gladwell2019TalkingStrangersWhat|Talking to strangers: What we should know about the people we don’t know]] is much more people-friendly for an H1 than [[gladwell2019TalkingStrangersWhat]] is.)
```css
/* Site header */
.page-header {
display: none !important;
}
```
This has since been replaced by a toggle in the Obsidian Publish settings… so… do that instead.
### Hide footer
This removes the running footer (“Powered by Obsidian Publish”) on Obsidian Publish pages.
```css
/* Footer */
.site-footer {
display: none;
}
```
### Hide selected files or folders from sidebar
To selectively remove files or folders from the left navigation bar.
```css
/* HIDE FOLDERS IN THE LEFT NAV */
.tree-item-self[data-path^='Folder Name'],
.tree-item-self[data-path^='File Name'] {
display: none;
}
```
### Mermaid?
```css
.mermaid {
overflow-x: auto;
white-space: nowrap;
max-width: 100%;
padding-bottom: 1rem;
}
```
## Interesting Publish Sites
- [Bryan Jenks](https://publish.obsidian.md/bryan-jenks)
- I especially enjoy his [tag taxonomy](https://publish.obsidian.md/bryan-jenks/Z/Tag+Taxonomy) (even though it doesn’t jive with my tag approach).
- [Eleanor Konik](https://publish.obsidian.md/eleanorkonik)
- [Nicole van der Hoeven](https://notes.nicolevanderhoeven.com/Fork+My+Brain)
## Google Fonts
Google fonts in publish
Solved the font problem by placing @font-face code in publish.css,
`@font-face {
font-family: 'YourFontName'; /*a name to be used later*/
src: url('http://domain.com/fonts/font.ttf'); /*URL to font*/
}`
Then calling the font with .markdown-preview-view class with additional tags as needed. e.g:
`.markdown-preview-view h3` etc.