How to customize your bear blog

19 Jul, 2022

I just got done figuring out how to customize my own bear blog and thought that a few people might find a small tutorial interesting.
Head over to the styles section in your dashboard and follow along.

Changing headline colors

Lets start by coloring your different headlines. Headlines can be created in markdown with a # which you probably already knew. There are 6 different headlines, which you can all separately color, ranging from h1-h6. You get a h1 headline with # before the word and a h2 headline with ## before the word and so on.
To start customizing your headline color go to your Custom styles in your dashboard and put this as example to see how this works:

h1 {
  color: #e06c75;
}

First you mark which headline you want to customize, in this case h1 and then you change the color attribute of it. The color #e06c75 is a hex color of purple. You can get any color from an online color picker like here.
Make sure that the option Extend existing styles is marked and click Save.
Your headlines which start with only one # should now be colored purple.
Congratulations you just programmed in CSS! 👏

If you want to add another headline for example ## and want to color it green then you would just add h2 to your custom styles with a green hex color code. Here is an example of the file with the previous example included:

h1 {
  color: #e06c75;
}
h2 {
  color: #7ce38b;
}

After clicking on Save your # headline should still be purple and your ## headlines should now be green.

Changing background color

If you want to change the background color of your blog then I got you covered! Just add this to option to your styles like before and click Save.

body {
  background-color: #21262d;
}

Once applied this option will change your background color to a very dark gray. You can of course use any color you like.

Changing anything else

If you want to change anything else on your blog then have a look into this file which will show you all elements which can be overridden easily within your styles.

Final words

Thanks for reading this small tutorial on how to customize your bear blog with a little bit of CSS.
If you learned anything today or want a part 2 of this guide then roast the toast! 🥪

#tutorial