[ 解決済 ] グリッドカラム アイテムの左右の余白を広げたい

[s h]

■ WordPress のバージョン
6.4.2

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

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

■ テーマのバージョン
15.17.1

■ Pro Unit のバージョン
0.26.4

■ スキンの種類
Evergreen

■ スキンのバージョン
0.2.4

■ 期待する動作
グリッドカラムの左右の余白を調整したいです。

■ 自分で試した事
左右の余白をなくすというフォーラムを参考にしようと思い、追加CSSに追記してみましたが、反応しませんでした。

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

■ 症状が発生するブラウザ
chrome

■ 実際の症状
下余白の調整はブロックからできますが、左右の調整ができません。

[DRILL LANCER]

Lightning のご利用誠にありがとうございます。
株式会社ベクトルの平川と申します。

「グリッドカラムアイテム」の余白の調整は下記画像の赤枠の部分で設定可能です。

よろしくお願いします。

Attachments:

You must be logged in to view attached files.

[s h]

株式会社ベクトル
平川様

ご回答ありがとうございます。
グリッドカラムアイテムとグリッドカラムアイテムの間の余白はどのように調整したらよいのでしょうか？

[DRILL LANCER]

お世話になります。株式会社ベクトルの平川です。

各「グリッドカラムアイテム」ブロックの間の余白を設定する項目は現在ありませんので
各グリッドカラムカードの余白を同じ設定にしていただくか、

下記コードを「グリッドカラム」ブロックのカスタム CSS に

selector .wp-block-vk-blocks-grid-column-item{
  padding-left: 20px;
  padding-right: 20px;
}

のような感じの CSS を追加すると良いと思います。

「グリッドカラムアイテム」に枠線を追加したいということであれば、直接枠線をつけるのではなく、
「グリッドカラムアイテム」に上記の方法で余白を追加し、
その中に「グループ」ブロックや「カバー」ブロックを設置したあとで
その中の「グループ」ブロックや「カバー」ブロックに枠線をつけるという方法で実現できると思います。

[s h]

株式会社ベクトル
平川様

こちらのCSSで解決いたしました。
ご丁寧にありがとうございました。

[投稿者]

投稿