eddiesigner / liebling

Beautiful and clean Ghost theme that is easy and comfortable to use. To get the latest version please head over the releases page 👉🏼
https://github.com/eddiesigner/liebling/releases
MIT License
1.27k stars 602 forks source link

Zoom out of the post image #322

Closed Mansffer closed 3 years ago

Mansffer commented 3 years ago

Hi. Is there any way to zoom out on the post image?

I wanted to make it look like the one on the homepage. Screenshot_20210128-214536~2.png

Image on post page. Screenshot_20210128-214544~2.png

eddiesigner commented 3 years ago

The purpose of that component is not to show the whole image or to show the relevant part of the image, this component is rather aesthetic.

The only thing you could do is to play with the height of the component to show more content in certain images.

You can do that by heading to Admin panel -> Code injection and injecting the following code into the Site Header section:

<style>
.m-hero {
  min-height: 365px; /* The height you want for mobile */
}

@media only screen and (min-width: 48rem) {
  .m-hero {
    min-height: 400px !important; /* The height you want for desktop */
  }
}
</style>
eddiesigner commented 3 years ago

I will close this issue now, please feel free to reopen it if needed.