Implementing a sidebar to the Casper theme


#1

I am trying to add a sidebar to the default Casper theme (version 2.3.2)

I followed instructions here:
https://www.ghostforbeginners.com/add-a-fixed-sidebar-to-your-ghost-blog/

but my sidebar is always on top of the {{{body}}}

Since the tutorial above is outdated and their example on Github no longer works I also tried a simpler way but this have the same problem.
https://www.w3schools.com/howto/howto_css_fixed_sidebar.asp

Please check the screenshots of default.hbs and screen.css


#2

Here is the default.hbs screenshot


#3

Just for info, I am trying to to make a sidebar like this one:


#4

The ghostforbeginners tutorial is still a good starting point to accomplish this. You will mostly use the CSS to get this working. Easiest would probably be to find some open source Ghost themes that have a sidebar and see how it’s done there.


#5

If you like I can help you get it done. PM me if yes.