Changing height of home page background

How do I change the height of the home page background (“publication cover” image in the UI)?

I’m using:

Ghost: 4.6.4
Theme: Casper 4.0.5

You can do it via Code Injection, adjusting the min-height and max-height of the header content element:

.site-header-content {
  min-height: 400px;
  max-height: 600px;

Thanks. Do I need to put that within some kind of tag (like <style>)?

Yes, it should go in a <style> tag.

1 Like

With Casper 5.1.4, I added to add an !important flag for min-height:

.site-header-content {
  min-height: 200px !important;
  max-height: 300px;