Changing height of home page background

Themes
1

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
2

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;
}
3

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

4

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

1 Like
5

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

<style>
.site-header-content {
  min-height: 200px !important;
  max-height: 300px;
}
</style>