FROM CACHE - jp_header

Re: 記事のサムネイル 画像大きさについて

記事のサムネイル 画像大きさについて

Hiromi0806
観光客
10 1 0

お世話になります。
ブログ記事を書いていますが、記事のサムネイルの適切な画像の大きさがわかりません。

各ブログのページにいくと、登録したサムネイル画像が表示されます。携帯画面ですと切り取られてしまっているためきちんと表示させることができません。URL  https://x.gd/7ci7v

添付画像が携帯画面です

どなたか教えていただけないでしょうか。

よろしくお願いいたします。

IMG_5507.jpg

 

2件の返信2

株式会社フルバランス
Shopify Partner
1537 549 697

質問拝見しました。

こちらサイト確認したところ、画像の最低の高さが固定で入っており、画像が拡大されておりましたことが原因です。

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に直接入れる方法もあります


お悩み解決できましたら、ベストアンサー、いいねいただけると励みになります。
何卒よろしくお願いします。

株式会社フルバランス

株式会社フルバランス(Shopify Experts)
Shopify専門のEC成長支援会社です。ストアの新規構築から運用や改善のサポートなどShopifyに関する幅広いサービスを行なっております。
ECの技術・実務・成長、お悩みのことがあれば、お気軽にご相談ください。
『すべてのブランドの特大成長エンジンを搭載する』 株式会社フルバランス
Hiromi0806
観光客
10 1 0

株式会社フルバランス様

ご返信いただきありがとうございます。
当方コード編集全く初心者のため、設定することができませんでした。

main-article.liquid内を探しているのですが、修正前のコードが見当たりません。
大変恐れ入りますが具体的にどこを修正したら良いのか、教えていただけないでしょうか?