[ 質問者返信待ち ] カラムの左右の余白をなくしたい

VWSとは フォーラム Lightning [ 質問者返信待ち ] カラムの左右の余白をなくしたい

[ 質問者返信待ち ] カラムの左右の余白をなくしたい

  • このトピックには2件の返信、2人の参加者があり、最後にmkにより2ヶ月、 1週前に更新されました。
3件の投稿を表示中 - 1 - 3件目 (全3件中)
  • 投稿者
    投稿
  • #100677

    hnr
    参加者

    ■ WordPress のバージョン
    6.6.1

    ■ テーマ・プラグインは全て最新版で確認してください。
    確認しました。

    ■ テーマの種類
    Lightning ( G3 ) + Lightning G3 Pro Unit

    ■ テーマのバージョン
    15.26.2

    ■ Pro Unit のバージョン
    0.27.0

    ■ スキンの種類
    Origin III

    ■ 期待する動作
    カラムの左右余白をなくし、画像のサイズに合わせた背景ボックスを作りたいと考えています。

    ■ 自分で試した事
    過去のフォーラムを確認し、カラムではなくグリッドカラムカードにして、下記のCSSを追加しました。

    /* カラムブロックの右の余白を無くす */
    selector .wp-block-vk-blocks-grid-column-item{
    padding-left: 0px;
    padding-right: 0px;
    }

    添付画像の上側のようなデザインになり、余白は消えました。

    ■ 症状が発生するブラウザ
    Safari.Chrome

    ■ 実際の症状
    上記を試したことで、添付画像上のようなデザインになり余白は消えました。
    ただ、画像を入れると上下が固定され、隣のカラムの背景ボックスと高さを合わせるのが難しく、期待する動作になりません。

    カラムの左右の余白を消すことで、画像の高さと背景ボックスの高さを合わせることができるのかなと考えていますが、可能でしょうか?
    お手数おかけしますが、お返事いただけますと幸いです。

    ■ その他特記事項
    添付画像の下にあるカラムが通常のカラムで、余白が空いています。

    2枚目の添付画像がブロックで表現したいデザインです。

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

    hnr
    参加者

    Upload Errors:
    6f5b6f3aa2e3b55d0e7bf804ea760399.png: File exceeds allowed file size.

    1枚目の画像が上記エラーになったため、ファイルを再添付してみます。

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

    mk
    モデレーター

    お世話になっております。ベクトルスタッフの松田です。

    添付画像でご使用のブロックはおそらくグリッドカラムブロック以外のコードも使われていると思います。そのため、該当ページのURLを貼り付けいただくか、もう少し詳しい内容をご共有いただけたら幸いです。

    下記の「1. 投稿内容を共有」の方法を確認していただき、共有していただくことはできますか?

    フォーラム・エラー共有方法

    ▼コードの共有方法
    1. 該当ブロックのあるページの編集画面を開き、該当を全てコピーします。
    2. 新しいページを作成し1でコピーしたブロックを貼り付けてください。
    3. 右上にある「三点リーダー」をクリックして、「コードエディター」にします。
    4. コード表示された内容をコピーしていただき、フォーラムに貼り付けるか、error.txt などテキストファイルを作成して投稿に添付していただけますでしょうか?

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

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