You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
I am currently migrating my blog to this template and have encountered a strange issue with cover images for single posts. This issue only occurs on large screens. Mobile view is fine:
Sometimes cover images are placed centered but bigger than the textarea:
Sometimes cover images are placed to the left and the css for border-radius: 8px isn't applied to the right side of the image:
Reason seems to be the CSS class "post-cover" and specifically the settings for margin: and width:. When I disable these settings everything seems to be correct:
Am I doing something wrong with the cover images? Here is an example how I integrate them:
---
title: "Phoniebox - DIY NFC Audioplayer"date: 2022-02-20T16:51:44+01:00slug: "/phoniebox"series: [diy]categories: [raspberrypi]tags: [nfc]cover: "images/phoniebox/banner-phoniebox.png"description: "Dieser Post behandelt den Bau einer sogenannten Phoniebox - einem NFC-Audioplayer mit kinderleichter Bedienung."
---
The text was updated successfully, but these errors were encountered:
I am currently migrating my blog to this template and have encountered a strange issue with cover images for single posts. This issue only occurs on large screens. Mobile view is fine:
Sometimes cover images are placed centered but bigger than the textarea:
Sometimes cover images are placed to the left and the css for
border-radius: 8px
isn't applied to the right side of the image:Reason seems to be the CSS class "post-cover" and specifically the settings for
margin:
andwidth:
. When I disable these settings everything seems to be correct:Am I doing something wrong with the cover images? Here is an example how I integrate them:
The text was updated successfully, but these errors were encountered: