[ 解決済 ] カード表示でアイキャッチ画像の上下が切れる

参考情報です。

ご質問者と同じバージョン・スキンで試してみました。

2020年4月1日 8:29 PM #35759 でうなこさんが回答された以下の CSS を追加したら、アイキャッチ画像が切れずに表示できています。

.card-post:not(.card-horizontal) .vk_post_imgOuter {
background-size: contain;
background-repeat: no-repeat;
}

うまくいかないとすると、上記の CSS が反映されない原因がなにかあるのだと思います。

可能であれば、アイキャッチ画像の上下が切れてしまうサイトの URL を提示していただくと回答が得られやすいです。

【追記】
上記 CSS によりアイキャッチ画像は切れずに表示されるようになりますが、アイキャッチ画像の左右(または上下)に余白が表示されます。もしかしたら、その余白もなんとかしたいということでしょうか？

• この返信は2年、 10ヶ月前に対馬 俊彦が編集しました。

> 表示タイプが「カード（線なし）」になっており

なるほど…

[ 解決済 ] とのことですが、今後どなたかが検索してこのトピックをご覧になるときに役に立つかもしれないので、追加情報として載せておきます。

.card-post:not(.card-horizontal) .vk_post_imgOuter {
background-size: contain;
background-repeat: no-repeat;
}

表示タイプによって、上記 CSS の1行目の記述を以下の通り書き換えればオッケーです。

■表示タイプが「カード」の場合
.card-post:not(.card-horizontal) .vk_post_imgOuter {

■表示タイプが「カード（線なし）」の場合
.card-noborder .vk_post_imgOuter {

■表示タイプが「カード（インテキスト）」の場合
.card-intext .vk_post_imgOuter {

■表示タイプが「カード（水平）」の場合
.card-horizontal .vk_post_imgOuter {

■表示タイプが「メディア」の場合
.media .vk_post_imgOuter {

■表示タイプが「Lightning 標準」の場合（「メディア」の場合と記述は同じ）
.media .vk_post_imgOuter {