[ 解決済 ] カスタムブロック

VWSとは フォーラム Lightning [ 解決済 ] カスタムブロック

[ 解決済 ] カスタムブロック

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • 投稿者
    投稿
  • #51914

    雅人石井
    参加者

    ■ 利用テーマとバージョン :最新Version

    ■ 質問内容:グリッドカラムで

    .wp-block-vk-blocks-grid-column-item {
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 3px;
    padding-right: 3px;
    }

    と設定したのですが、上下の余白が添付ファイルのようにあるみたいです。
    画像の縦横比を設定しなおす必要があるのでしょうか?
    その場合、添付右下の184:200の画像を縦横比に変更すればできるのでしょうか?

    参考URL

    カードブロックでの画像表示乱れの対処法

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


    該当URL : https://*********

    ※該当URLはフォーラムライセンスが有効のユーザーにのみ表示されます

    #51922

    雅人石井
    参加者

    添付ファイルつけ忘れたので、添付いたします。

    Attachments:
    You must be logged in to view attached files.
    #51989

    うなこ
    モデレーター

    padding-bottom: 0px;にしているのにカラムの下に余白が入っている、ということであっていますか?

    もしそうでしたら、カラムの中の画像自体に余白が入っておりますので、その余白を調整する必要があります。
    以下のCSSでいかがでしょうか。数値はお好みの数値時変更してみてください。

    .wp-block-image {
        margin-bottom: 6px;
    }

    もし質問の意図と違っておりましたら教えてください。

    #52066

    雅人石井
    参加者

    ありがとうございます。会計ついたしました。

4件の投稿を表示中 - 1 - 4件目 (全4件中)
  • このトピックに返信するにはログインが必要です。