お世話になります。
ブログ記事を書いていますが、記事のサムネイルの適切な画像の大きさがわかりません。
各ブログのページにいくと、登録したサムネイル画像が表示されます。携帯画面ですと切り取られてしまっているためきちんと表示させることができません。URL https://x.gd/7ci7v
添付画像が携帯画面です
どなたか教えていただけないでしょうか。
よろしくお願いいたします。
質問拝見しました。
こちらサイト確認したところ、画像の最低の高さが固定で入っており、画像が拡大されておりましたことが原因です。
cssを書き換えることによって改善可能です。
必要なCSSを下記に共有しますのでご参考までにお試しください。
修正前
.article-template .featured-image img{
min-height:530px;
}
修正後
.article-template.featured-image img{
min-height:auto!important;
}
このコードをテーマのカスタマイズからコード編集でブログ記事のliquidファイル(main-article.liquid)、もしくは固有のcssファイルにて適用していただければ解決するかと思います。
もしくは各ブログ記事のHTMLに直接入れる方法もあります
お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。
株式会社フルバランス
株式会社フルバランス様
ご返信いただきありがとうございます。
当方コード編集全く初心者のため、設定することができませんでした。
main-article.liquid内を探しているのですが、修正前のコードが見当たりません。
大変恐れ入りますが具体的にどこを修正したら良いのか、教えていただけないでしょうか？