Picture cover post

[MiFrance]

Have a issue with cover image post.
If I select an image, it is not displayed on the blog or on the article concerned.

[giuscris]

It's a templates issue. Fix it soon, thanks for discovering it 👍

[giuscris]

Fixed!

[MiFrance]

Cover don't work for me on MAMP with 2 template change...
I added cover image on 2 blog post and don't show.

[giuscris]

Could you post the content of the affected pages?

[MiFrance]

---
title: Hello World!
publish-date: 2018-06-15
image: danger_filtrage.jpg
---
This is an example of blog post.

[giuscris]

Where is the image located? The filename is relative to the page.

[MiFrance]

[MiFrance]

And code of templates/partials/cover-image.php

<?php if ($page->has('image')): ?>
    <div class="cover-image" style="background-image:url(<?= $page->get('image') ?>);"></div>
<?php endif; ?>

[giuscris]

Can you see the image at http://path/to/page/danger_filtrage.jpg?

[MiFrance]

If i add a picture in post OR page is't OK
Is just the cover image don't show

[MiFrance]

Example to work:

---
title: Hello World!
publish-date: 2018-06-15
image: danger_filtrage.jpg
---
This is an example of blog post.

![](danger_filtrage.jpg)

[giuscris]

If i add a picture in post OR page is't OK
Is just the cover image don't show

It seems the image is correctly served so the problem shouldn't be in the backend. Have you tried with another image?

[MiFrance]

Yes same issue with another image in other posts...
Is just for the cover image.

[giuscris]

You should get something like this.

[giuscris]

Which browser do you use? I've just discovered that Firefox doesn't render the cover image because of the template styles. I'll fix it soon.

[MiFrance]

Exactly ! I use Firefox 65.0.1 for Mac.
I just tryed on Safari and is work great ;)

[MiFrance]

Fix:

In templates/partials/cover-image.php, remplace PHP by:

<?php if ($page->has('image')): ?>
    <img class="cover-image" src="<?= $page->get('image') ?>" alt="cover image"/>
<?php endif; ?>

[giuscris]

You're actually using an <img> tag but there are issues with different image sizes, so using the background-image is the best approach. Just let me fix issue #21.