Tutorials


Adding custom style to your process journal / Bear Blog

"Tweak the styles of the default by adding your own or using an external stylesheet!"


To do this, you'll want to:

Go to https://bearblog.dev/dashboard/ (make sure you're logged in)

Click on "Styling" in top nav


Feel free to change / add ...

  1. the favicon to an emoji you prefer

  2. the external stylesheet to an existing theme you like or want to base your own design on

  3. some custom CSS styles that override existing ones

To do the (3) custom CSS styles, you'll want to use your web inspector to target different elements. Then write your CSS overrides in the large input box. Remember correct syntax (selector, curly brace, declarations). For example...

h1 {
  text-decoration: underline;
}

footer {
  display: none;
}

This is a nice way to see how CSS can be used / applied in the world of existing platforms and blogs. Knowing a little of this language can be helpful here and other places...