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

VWSとは フォーラム Lightning [ 解決済 ] グリッドカラム アイテムの左右の余白を広げたい

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

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

    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

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

    #83882

    DRILL LANCER
    モデレーター

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

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

    よろしくお願いします。

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

    s h
    参加者

    株式会社ベクトル
    平川様

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

    #83893

    DRILL LANCER
    モデレーター

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

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

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

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

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

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

    #83913

    s h
    参加者

    株式会社ベクトル
    平川様

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

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