■ 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.